
.chatframe
{
	
	position:fixed;
	z-index:30;
	top:10%;
	left:20%;
	min-width:584px;
	min-height:508px;
	
	font-family:"微软雅黑";
	font-weight:lighter;
	cursor:default;
	/*
	overflow: hidden;			溢出隐藏并禁止进度条
	text-overflow: ellipsis;
	white-space: nowrap;
	*/
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	-moz-box-shadow: 0px 0px 15px #666;  
	-webkit-box-shadow: 0px 0px 15px #666;   
	box-shadow: 0px 0px 15px #666;
	
}

/*背景板*/
.chatcolor
{
	position:absolute;
	z-index:31;
	width:100%;
	height:100%;
	/*background:red;
	background:url("../img/back6.jpg") center;*/
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	background:url('../theme/1 (1).jpg')center center no-repeat;

	filter:alpha(opacity=80); 
	-moz-opacity:0.8; 
	opacity:0.8;
}

/*透明蒙版*/
.chatbg
{
	position:absolute;
	z-index:32;
	width:100%;
	height:100%;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;

}
.chatbg .chatbghead,.chatbg .chatbgcnt .chatbgleft
{
	background:white;
	filter:alpha(opacity=80); 
	-moz-opacity:0.8; 
	opacity:0.8;
}
.chatbg .chatbgcnt .chatbgright
{
	background:white;
	filter:alpha(opacity=40); 
	-moz-opacity:0.4; 
	opacity:0.4;
}

/*内容拖板*/
.chatboard
{
	position:absolute;
	z-index:34;
	width:100%;
	height:100%;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	overflow: hidden;			
	text-overflow: ellipsis;
	white-space: nowrap;
	
}

/*----------------------------------------------内容页↓--------------------------------------------------------*/


/*------------------------总体框架-----------------------------*/

/*头部工具栏*/
.chatboard .chathead,.chatbg .chatbghead/*与白色透明背景一起设置*/
{
	position:relative;
	top:0;
	left:0;
	width:100%;
	height:83px;
	-moz-border-radius-topright:3px;
	-moz-border-radius-topleft:3px;
	-webkit-border-top-left-radius:3px;
	-webkit-border-top-right-radius:3px;
	border-top-left-radius:3px;
	border-top-right-radius:3px;
}
/*下部内容栏*/
.chatboard .chatcontent,.chatbg .chatbgcnt/*与白色透明背景一起设置*/
{
	position:absolute;
	width:100%;
	
	top:83px;
	bottom:0px;
	left:0;
	-moz-border-radius-bottomright:3px;
	-moz-border-radius-bottomleft:3px;
	-webkit-border-bottom-left-radius:3px;
	-webkit-border-bottom-right-radius:3px;
	border-bottom-left-radius:3px;
	border-bottom-right-radius:3px;
}

/*内容左侧聊天栏*/
.chatboard .chatcontent .chatleft,.chatbg .chatbgcnt .chatbgleft/*与白色透明背景一起设置*/
{
	height:100%;
	margin-right:138px;/*----------右边广告隐藏时 margin-right改为0---------------*/
	
	-moz-border-radius-bottomleft:3px;
	-webkit-border-bottom-left-radius:3px;
}

/*内容右侧广告栏 可js动态隐藏*/
.chatbg .chatbgcnt .chatbgright
{
	position:absolute;
	min-width:138px;
	top:0;
	right:0;
	height:100%;
	
	-moz-border-radius-bottomleft:3px;
	-webkit-border-bottom-right-radius:3px;
	border-bottom-right-radius:3px;
}
/*与白色透明背景一起设置*/
.chatboard .chatcontent .chatright
{
	float:right;
	/*min-width:138px;*/
	width:138px;
	height:100%;
	-moz-border-radius-bottomleft:3px;
	-webkit-border-bottom-right-radius:3px;
	border-bottom-right-radius:3px;
	/*position:relative;*/
}

/*内容左侧聊天内容框 最低287px 67.5%(加上上下border为289px)  设置字体时最低255px 47.5%*/
.chatboard .chatcontent .chatleft .chatbox
{
	width:100%;
	min-height:255px;
	height:288px;
	/*height:287px;*/
	/*height:67.5%;*/
	
	
	border-top:1px solid #CCC;
	border-bottom:1px solid #CCC;
	overflow: hidden;			/*溢出隐藏并禁止进度条*/
	text-overflow: ellipsis;
	white-space: nowrap;
}
/*内容左侧输入框 最低137px; 32.5%  设置字体时最高 52.5% 168px*/
.chatboard .chatcontent .chatleft .chatinput
{
	width:100%;
	min-height:136px;
	/*height:32.5%;*/

	-moz-border-radius-bottomleft:3px;
	-webkit-border-bottom-left-radius:3px;
	border-bottom-left-radius:3px;
}

/*------------------------总体框架完毕-----------------------------*/

/*头部*/

/*头部左右设置*/
.chatboard .chathead .chatheadleft
{
	position:relative;
	top:0;
	left:0;
	height:100%;
	margin-right:138px;
	-moz-border-radius-topleft:3px;
	-webkit-border-top-left-radius:3px;
	border-top-left-radius:3px;
	
}

.chatboard .chathead .chatheadright
{
	position:absolute;
	top:0;
	right:0;
	width:138px;
	height:100%;
	-moz-border-radius-topright:3px;
	-webkit-border-top-right-radius:3px;
	border-top-right-radius:3px;
}


/*头部精细*/
.chatboard .chathead .chatheadleft .frdmsg
{
	
	width:100%;
	height:48px;
	
	overflow: hidden;			/*溢出隐藏并禁止进度条*/
	text-overflow: ellipsis;
	white-space: nowrap;
	
	-moz-border-radius-topleft:3px;
	-webkit-border-top-left-radius:3px;
	border-top-left-radius:3px;
}
.chatboard .chathead .chatheadleft .frdmsg .frddetail
{
	width:100%;
	padding-top:6px;
	overflow: hidden;			/*溢出隐藏并禁止进度条*/
		text-overflow: ellipsis;
		white-space: nowrap;
	clear:both;
}

.chatboard .chathead .chatheadleft .frdmsg .frddetail .imghead
{
	float:left;
	width:38px;
	height:38px;
	margin-left:10px;
	border-radius:3px;
	border:1px solid #0099CC;
	position:relative;
}
.chatboard .chathead .chatheadleft .frdmsg .frddetail .imghead img
{
	width:38px;
	height:38px;
	border-radius:3px;
}


.chatboard .chathead .chatheadleft .frdmsg .frddetail .imghead .frdolflag
{
	position:absolute;
	bottom:0;
	right:0;
	width:13px;
	height:13px;
}
.chatboard .chathead .chatheadleft .frdmsg .frddetail .imghead .frdaway
{
	background:url(../img/status/flag/self/away.png)center center no-repeat;
}
.chatboard .chathead .chatheadleft .frdmsg .frddetail .imghead .frdbusy
{
	background:url(../img/status/flag/self/busy.png)center center no-repeat;
}
.chatboard .chathead .chatheadleft .frdmsg .frddetail .imghead .frdmute
{
	background:url(../img/status/flag/self/mute.png)center center no-repeat;
}
.chatboard .chathead .chatheadleft .frdmsg .frddetail .imghead .frdqme
{
	background:url(../img/status/flag/self/Qme.png)center center no-repeat;
}




.chatboard .chathead .chatheadleft .frdmsg .frddetail .detail
{
	height:40px;
	margin-left:54px;
	overflow: hidden;			/*溢出隐藏并禁止进度条*/
	text-overflow: ellipsis;
	white-space: nowrap;
	
}
.chatboard .chathead .chatheadleft .frdmsg .frddetail .detail .frdnw
{
	margin-top:3px;
	height:20px;
	font-size:14px;
	width:100%;
	overflow: hidden;			/*溢出隐藏并禁止进度条*/
	text-overflow: ellipsis;
	white-space: nowrap;
}
.chatboard .chathead .chatheadleft .frdmsg .frddetail .detail .frdnw .frdname,.chatboard .chathead .chatheadleft .frdmsg .frddetail .detail .frdnw .writing
{
	float:left;	
}
.chatboard .chathead .chatheadleft .frdmsg .frddetail .detail .frdnw .writing
{
	margin-left:4px;
}
.chatboard .chathead .chatheadleft .frdmsg .frddetail .detail .frdnew
{
	clear:both;
	width:100%;
	font-size:12px;
}
.chatboard .chathead .chatheadleft .frdmsg .frddetail .detail .frdnew img
{
	margin-right:4px;
}
.chatboard .chathead .chatheadleft .frdmsg .frddetail .detail .frdnew span
{
	display:none;
}

.chatboard .chathead .chatheadleft .frdmsg .frddetail .detail .frdnew font:hover span
{
	display:block;
	position:absolute;
	z-index:40;
	top:48px;
	left:90px;
	width:auto !important;
	max-width:246px;
	height:auto !important;
	padding:1px 2px;
	background:#FFFFCC;
	border:1px solid black;
	overflow: hidden;
    white-space: normal;
    word-warp: break-word;
	word-break: break-all;/*Only work in IE*/
    text-overflow: ellipsis;/*Not working in FF*/
}
.chatboard .chathead .chatheadleft .frdmsg .frddetail .detail .frdnew span a:link,.chatboard .chathead .chatheadleft .frdmsg .frddetail .detail .frdnew span a:vistited
{
	color:#0099CC;
	text-decoration:underline;
}
.chatboard .chathead .chatheadleft .frdmsg .frddetail .detail .frdnew span a:hover,.chatboard .chathead .chatheadleft .frdmsg .frddetail .detail .frdnew span a:active
{
	color:#0066CC;
	text-decoration:underline;
}

/*--------------上方工具栏-----------------------*/
/*总体设置*/
.chatboard .chathead .chatheadleft .chattools
{
	clear:both;
	width:100%;
	height:34px;
	
}

.chatboard .chathead .chatheadleft .chattools .toolsbar
{
	width:100%;
	padding-top:1px;

}
.chatboard .chathead .chatheadleft .chattools .toolsbar .ctools
{
	float:left;
	margin-left:5px;
	width:25px;
	height:25px;
	padding:1px 2px;
	border-radius:2px;
	border:1px solid transparent;
}

.chatboard .chathead .chatheadleft .chattools .toolsbar .ctools:hover
{
	border:1px solid #999;
}
/*单个工具设置*/

.chatboard .chathead .chatheadleft .chattools .toolsbar .adddiscus
{
	background:url(../img/chatframe/buddy/icons/toptoolbar/aio_toobar_add.png) center center no-repeat;
}

.chatboard .chathead .chatheadleft .chattools .toolsbar .moreapp
{
	width:34px;
	background:url(../img/chatframe/buddy/icons/toptoolbar/aio_toobar_app.png)center left no-repeat,url(../img/chatframe/aio_littletoolbar_arrow_bkg_normal.png)center right no-repeat;
}
.chatboard .chathead .chatheadleft .chattools .toolsbar .moreapp:hover
{
	background:url(../img/chatframe/buddy/icons/toptoolbar/aio_toobar_app.png)center left no-repeat,url(../img/chatframe/aio_littletoolbar_arrow_bkg_hover.png)center right no-repeat;
}









/*--------------上方工具栏结束-----------------------*/
.chatboard .chathead .chatheadright .chatcustombutton
{
	width:100%;
	height:27px;
	-moz-border-radius-topright:3px;
	-webkit-border-top-right-radius:3px;
	border-top-right-radius:3px;
}
.chatboard .chathead .chatheadright .chatcustombutton div
{
	width:30px;
	height:100%;
	float:right;
}
.chatboard .chathead .chatheadright .chatheadadv
{
	margin-top:16px;
	height:40px;
	width:100%;
	background:red;
}
.chatboard .chathead .chatheadright .chatheadadv img
{
	width:100%;
	height:100%;
	margin:0;
	padding:0;
}

.chatboard .chathead .chatheadright .chatcustombutton .chatclose
{
	background:url('../img/chatframe/sysbtn_close_normal.png') no-repeat;
}
.chatboard .chathead .chatheadright .chatcustombutton .chatclose:hover
{
	background:url('../img/chatframe/sysbtn_close_hover.png') no-repeat;
}

/*放大缩小时最大化和还原class互换*/
.chatframe .chatboard .chathead .chatheadright .chatcustombutton .chatmax
{
	display:block;
	background:url('../img/chatframe/sysbtn_max_normal.png') no-repeat;
}
.chatframe .chatboard .chathead .chatheadright .chatcustombutton .chatmax:hover
{
	background:url('../img/chatframe/sysbtn_max_hover.png') no-repeat;
}

.chatframe .chatboard .chathead .chatheadright .chatcustombutton .chatmin 
{
	display:none;
	background:url('../img/chatframe/sysbtn_restore_normal.png') no-repeat;
}

.chatframe .chatboard .chathead .chatheadright .chatcustombutton .chatmin:hover
{
	background:url('../img/chatframe/sysbtn_restore_hover.png') no-repeat;
}

.chatbig .chatboard .chathead .chatheadright .chatcustombutton .chatmax
{
	display:none;
}
.chatbig .chatboard .chathead .chatheadright .chatcustombutton .chatmin
{
	display:block;
}

.chatboard .chathead .chatheadright .chatcustombutton .chattiny
{
	background:url('../img/chatframe/sysbtn_min_normal.png') no-repeat;
}
.chatboard .chathead .chatheadright .chatcustombutton .chattiny:hover
{
	background:url('../img/chatframe/sysbtn_min_hover.png') no-repeat;
}

.chatboard .chathead .chatheadright .chatcustombutton .chatmoreset
{
	background:url('../img/chatframe/aio_setting_normal.png') no-repeat;
}
.chatboard .chathead .chatheadright .chatcustombutton .chatmoreset:hover
{
	background:url('../img/chatframe/aio_setting_hover.png') no-repeat;
}

/*----------------------中部内容(左边内容与右边滚动条)------------------------------------------------*/


.chatboard .chatcontent .chatleft .chatbox /*上面已经设置过*/
{
	
}

/*------------------------------内容页----------------------------*/
.chatboard .chatcontent .chatleft .chatbox .chatcntbox
{
	position:relative;
	margin-right:12px;
	height:100%;
	overflow: hidden;			/*溢出隐藏并禁止进度条*/
	text-overflow: ellipsis;
	white-space: nowrap;
}

.chatboard .chatcontent .chatleft .chatbox .chatcntbox .chatbottomnewtipsbar
{
	display:none;
	width:100%;
	height:25px;
	position:absolute;
	bottom:0;
	left:0;
	background:url(../img/Menu/list_bkg.png)repeat;
}
.chatboard .chatcontent .chatleft .chatbox .chatcntbox .chatbottomnewtipsbar .chatnewtips_who
{
	float:left;
	width:25px;
	height:100%;
}
.chatboard .chatcontent .chatleft .chatbox .chatcntbox .chatbottomnewtipsbar .chatnewtips_who img
{
	width:17px;
	height:17px;
	margin:4px;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
}
.chatboard .chatcontent .chatleft .chatbox .chatcntbox .chatbottomnewtipsbar .chatnewtips_cnt
{
	margin-left:25px;
	height:100%;
	line-height:25px;
	color:#666;
	overflow: hidden;
    white-space: normal;
    word-warp: break-word;
	word-break: break-all;/*Only work in IE*/
    text-overflow: ellipsis;/*Not working in FF*/
}


/*滚动内容页 ----------------------------------------------------------------高度根据滚动条滚动调节*/
.chatboard .chatcontent .chatleft .chatbox .chatcntbox .chatcntpage
{
	position:relative;
	top:0px;
	left:0;
	width:100%;
	height:100%;
	height:auto !important;
	min-height:100%;
}
.chatbox_msgtype .time_cnt
{
	width:100%;
	margin-top:12px;
}

/*上拉获取信息提示*/
.chatbox_msgtype .showhistorylink
{
	width:90px;
	height:18px;
	margin:0 auto;
	margin-top:2px;
}
.chatbox_msgtype .showhistorylink .time_icon
{
	display:none;
	width:18px;
	height:18px;
	float:left;
	background:url(../img/MsgMgr/MsgTab/time_icon.png)center center no-repeat;
}
.chatbox_msgtype .showhistorylink a
{
	display:none;
	float:left;
	color:#3399CC;
	text-decoration:none;
}
.chatbox_msgtype .showhistorylink a:hover
{
	color:#0066CC;
	text-decoration:underline;
}
.chatbox_msgtype .showhistorylink .loadingicon
{
	display:none;
	margin:0 auto;
	width:18px;
	height:18px;
	background:url(../img/AddGroup/loading2.gif)center center no-repeat;
}
.chatbox_msgtype .showhistorylink .failtips
{
	display:none;
	width:100%;
	
	color:#0066CC;
}
.chatbox_msgtype .showhistorylink .failtips .fail_icon
{
	width:18px;
	height:18px;
	float:left;
	background:url(../img/AddGroup/wrong_promt.png)center center no-repeat;
}

.chatbox_msgtype .showhistorylink p.endtips
{
	display:none;
	margin:0;
	float:left;
}
.chatbox_msgtype .showhistorylink a.openhibox
{
	display:none;
}

.chatbox_msgtype .sh_end
{
	width:235px;
}
.chatbox_msgtype .sh_end a.openhibox
{
	display:block;
	float:left;
}
.chatbox_msgtype .sh_end p.endtips,.chatbox_msgtype .sh_ended p.endtips
{
	display:block;
}
.chatbox_msgtype .sh_ended
{
	width:160px;
}
.chatbox_msgtype .sh_ended p.endtips
{
	text-align:center;
}



.chatbox_msgtype .sh_link .time_icon,.chatbox_msgtype .sh_link a
{
	display:block;
}

.chatbox_msgtype .sh_load .loadingicon
{
	display:block;
}
.chatbox_msgtype .sh_fail .failtips
{
	display:block;
}


 



/*--------------------------------------------------列表显示css------------------------------------*/

.chatbox .chatcntbox .chatcntpage .msg_list
{
	width:100%;
	height:auto;
}


.msg_list .sendtime_cnt .time_min
{
	display:none;
}


.msg_list .msg_cnt
{
	width:100%;
	height:auto;
	margin-top:12px;
	padding-left:5px;
}





.msg_list .msg_me .senderinfo
{
	color:green;
}
.msg_list .msg_frd .senderinfo
{
	color:blue;
}
.msg_list .msg_cnt .senderinfo
{
	width:100%;
	height:16px;
	font-size:12px;
	overflow: hidden;			/*溢出隐藏并禁止进度条*/
	text-overflow: ellipsis;
	white-space: nowrap;
}
.msg_list .msg_cnt .senderinfo div
{
	float:left;
	height:100%;
	margin-left:4px;
	overflow:hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.msg_list .msg_cnt .senderinfo .sendername
{
	margin:0;
}

.msg_list .msg_cnt ul
{
	margin:0;
	margin-left:12px;
	padding:0;
	width:100%;
	list-style:disc inside url(../img/chatframe/Icon_Dot.png);/*这里要将点换成图片 且只有用户同一分钟内发多条时才显示点点*/
	/*字体根据用户设置更改*/
	font-size:14px;
	 white-space: normal;
    word-warp: break-word;
	word-break: break-all;/*Only work in IE*/
	
}
.msg_list .msg_cnt ul li
{
	width:95%;
	margin:2px 0;
	/*文字溢出折叠*/
	overflow: hidden;
    white-space: normal;
    word-warp: break-word;
	word-break: break-all;/*Only work in IE*/
    text-overflow: ellipsis;/*Not working in FF*/
}
.msg_list .msg_cnt ul li .senderimg
{
	display:none;
}

/*--------------------------------------气泡显示css---------------------------------------------------*/
.chatbox .chatcntbox .chatcntpage .msg_bubble
{
	width:100%;
	height:auto;

}

.msg_bubble .sendtime_cnt .time_min
{
	width:auto !important;
	width:104px;
	margin:0 auto;
	color:#999;
	height:16px;
	margin:10px 0;
	font-size:12px;
	text-align:center;
	overflow: hidden;	
	text-overflow: ellipsis;
	white-space: nowrap;
}

.msg_bubble .msg_cnt
{
	width:100%;
	/*margin-top:12px;*/
}

.msg_bubble .msg_cnt .senderinfo
{
	display:none;
	/*width:100%;
	color:#999;
	height:16px;
	margin:10px 0;
	font-size:12px;
	overflow: hidden;			溢出隐藏并禁止进度条
	text-overflow: ellipsis;
	white-space: nowrap;
	*/
}
/*.msg_bubble .msg_cnt .senderinfo .infocnt
{
	width:auto !important;
	max-width:104px;
	height:100%;
	margin:0 auto;
}
.msg_bubble .msg_cnt .senderinfo .senddate,.msg_bubble .msg_cnt .senderinfo .sendtime
{
	float:left;
}
.msg_bubble .msg_cnt .senderinfo .sendtime
{
	margin-left:4px;
}
.msg_bubble .msg_cnt .senderinfo .sendername
{
	display:none;
}
*/
.msg_bubble .msg_cnt ul
{
	margin:0;
	padding:0;
	width:100%;
	list-style:none;
	/*字体根据用户设置更改*/
	font-size:14px;
}
.msg_bubble .msg_cnt ul li
{
	display:block;
	width:100%;
	height:auto !important;
	height:40px;
	min-height:40px;
	margin-top:4px;
	clear:both;
}
.msg_bubble .msg_cnt ul li .senderimg,.msg_bubble .msg_cnt ul li .senderimg img
{
	margin-top:4px;
	width:31px;
	height:31px;
	background:red;
	border-radius:4px;
	display:inline-block;
}
.msg_bubble .msg_cnt ul li .senderimg img
{
	margin:0;
}
.msg_bubble .msg_cnt ul li .sendcnt
{
	display:inline-block;
	height:auto !imporant;
	max-width:85%;	/*最大宽度根据内容对话框的宽度修改*/
	width:auto !imporant;
}

.msg_bubble .msg_cnt ul li .sendcnt .msgcnt,.msg_bubble .msg_cnt ul li .sendcnt .piccnt
{
	/*padding:4px 8px;
	
	border-radius:6px;
	border-radius:6px;
	*/
	padding:4px;
	line-height:1.1;
	width:auto !imporant;
	
	/*文字溢出折叠*/
	overflow: hidden;
    white-space: normal;
    word-warp: break-word;
	word-break: break-all;/*Only work in IE*/
    text-overflow: ellipsis;/*Not working in FF*/
	
	
	/*渐变色
	background:-webkit-gradient(linear, left top, left bottom, from(#f9d835), to(#f3961c));
　　background:-moz-linear-gradient(top, #f9d835, #f3961c);
　　background:-o-linear-gradient(top, #f9d835, #f3961c);
　　background:linear-gradient(top, #f9d835, #f3961c);
	*/
	/*border:10px solid transparent;*/
	border:8px solid transparent;
	background:url(../img/chatframe/StructMsg_Bkg.png) no-repeat center center;
	background-size:100% 100%;
}
/*-----------------图片发送时预览样式--------------------*/
.msg_bubble .msg_cnt ul li .sendcnt .piccnt
{
	text-align:center;
	padding:1px 2px;
	border:8px solid transparent;

}
.msg_cnt ul li .sendcnt .piccnt .pic
{
	width:100%;
	
	position:relative;
	top:0;
	left:0;
	border:1px solid transparent;
}

.msg_cnt ul li .sendcnt .msgcnt .spic
{	 
	max-width:82%;	/*最大宽度根据内容对话框的宽度修改*/
	width:auto !imporant;
	position:relative;
	top:0;
	left:0;
	border:1px solid transparent;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}

.msg_cnt ul li .sendcnt .piccnt .pic img
{
	width:100%;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}
.msg_cnt ul li .sendcnt .msgcnt .spic:hover,.msg_cnt ul li .sendcnt .piccnt .pic:hover
{
	border:1px solid #CC3333;
}


.msg_cnt ul li .sendcnt .piccnt .pic .masking,.msg_cnt ul li .sendcnt .msgcnt .spic .masking
{
	position:absolute;
	top:0;
	left:0;
	z-index:40;
	width:100%;
	height:100%;
	/*
	background:white;
	filter:alpha(opacity=60); 
	-moz-opacity:0.6; 
	opacity:0.6;
	*/
}

.msg_cnt ul li .sendcnt .piccnt .pic .loadimg,.msg_cnt ul li .sendcnt .msgcnt .spic .loadimg
{
	position:absolute;
	top:0;
	left:0;
	z-index:40;
	width:100%;
	height:100%;	
}
.msg_cnt ul li .sendcnt .piccnt .pic .loadimg .openview,.msg_cnt ul li .sendcnt .msgcnt .spic .loadimg .openview
{
	position:absolute;
	bottom:5px;
	right:5px;
	width:20px;
	height:20px;
	background:url(../img/chatframe/AIOZoomMask.png)center center no-repeat;
}
.msg_cnt ul li .sendcnt .piccnt .pic .loadimg .openview:hover,,.msg_cnt ul li .sendcnt .msgcnt .spic .loadimg .openview:hover
{
	background:url(../img/chatframe/AIOZoomMask_hover.png)center center no-repeat;
}

/*------------------图片加载后样式-------------------------*/

/*----------------------超链接样式----------------------------*/
.msg_cnt ul li .sendcnt .msgcnt .sulink
{
	
}
.msg_cnt ul li .sendcnt .msgcnt .sulink .linksafeflag
{
	float:left;
	border:1px solid transparent;
}
/*根据连接的安全程度切换提示图片*/
.msg_cnt ul li .sendcnt .msgcnt .sulink .safe
{
	width:20px;
	height:15px;
	background:url(../img/Safe/main_SecurityTipIcon_Small_11.png)center center no-repeat;
}
.msg_cnt ul li .sendcnt .msgcnt .sulink .auth
{
	width:20px;
	height:15px;
	background:url(../img/Safe/main_SecurityTipIcon_Small_22.png)center center no-repeat;
}
.msg_cnt ul li .sendcnt .msgcnt .sulink .notsafe
{
	width:20px;
	height:15px;
	background:url(../img/Safe/main_SecurityTipIcon_Small_13.png)center center no-repeat;
}
.msg_cnt ul li .sendcnt .msgcnt .sulink .notice
{
	width:20px;
	height:15px;
	background:url(../img/Safe/main_SecurityTipIcon_Small_12.png)center center no-repeat;
}
.msg_cnt ul li .sendcnt .msgcnt .sulink .unknow
{
	width:20px;
	height:15px;
	background:url(../img/Safe/main_SecurityTipIcon_Small_15.png)center center no-repeat;
}
.msg_cnt ul li .sendcnt .msgcnt .sulink .safe:hover,.msg_cnt ul li .sendcnt .msgcnt .sulink .auth:hover,.msg_cnt ul li .sendcnt .msgcnt .sulink .notsafe:hover,.msg_cnt ul li .sendcnt .msgcnt .sulink .notsafe:hover,.msg_cnt ul li .sendcnt .msgcnt .sulink .unknow:hover
{
	border:1px solid black;
}

.msg_cnt ul li .sendcnt .msgcnt .sulink a:link,.msg_cnt ul li .sendcnt .msgcnt .sulink a:visited,.msg_cnt ul li .sendcnt .msgcnt .sulink a:hover,.msg_cnt ul li .sendcnt .msgcnt .sulink a:active
{
	color:#0066CC;
	font-size:18px;
	margin-bottom:6px;
}

.msg_cnt ul li .sendcnt .msgcnt .sulink .linkinfo
{
	clear:both;
	margin:4px 2px;
	width:280px;
	height:135px;
	background:white;
	border:1px solid #CCC;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
}

.msg_cnt ul li .sendcnt .msgcnt .sulink .linkinfo .infomsg
{
	width:100%;
	height:102px;
	border-bottom:1px solid #CCC;
}

.msg_cnt ul li .sendcnt .msgcnt .sulink .linkinfo .infomsg .infomsgimg
{
	float:left;
	width:102px;
	height:100%;
	text-align:center;
}
.msg_cnt ul li .sendcnt .msgcnt .sulink .linkinfo .infomsg .infomsgimg img
{
	width:80px;
	margin-top:12px;
}
.msg_cnt ul li .sendcnt .msgcnt .sulink .linkinfo .infomsg .infomsgcnt
{
	float:left;
	width:178px;
	height:100%;
	/*文字溢出折叠*/
	overflow: hidden;
    white-space: normal;
    word-warp: break-word;
	word-break: break-all;/*Only work in IE*/
    text-overflow: ellipsis;/*Not working in FF*/

	
}
.msg_cnt ul li .sendcnt .msgcnt .sulink .linkinfo .infomsg .infomsgcnt .infomsgcnttitle
{
	width:100%;
	height:24px;
	line-height:24px;
	font-size:14px;
}
.msg_cnt ul li .sendcnt .msgcnt .sulink .linkinfo .infomsg .infomsgcnt .infomsgcntstr
{
	width:174px;
	height:77px;
	font-size:12px;
	color:#999;
	line-height:1.6;
}

.msg_cnt ul li .sendcnt .msgcnt .sulink .linkinfo .linkctrl
{
	clear:both;
	width:100%;
	height:32px;
	font-size:12px;
	color:#0066CC;
}
.msg_cnt ul li .sendcnt .msgcnt .sulink .linkinfo .linkctrl div
{
	float:right;
	line-height:32px;
	margin-right:10px;
}
/*--------------------------气泡模式结束----------------------------------------*/




/*-----------------------------设置左右信息展示-----------------------------------*/

.msg_bubble .msg_frd ul li .senderimg
{
	float:left;
	margin-left:8px;
}
.msg_bubble .msg_frd ul li .sendcnt
{
	margin-left:4px;
}
.msg_bubble .msg_frd ul li .sendcnt .msgcnt,.msg_bubble .msg_frd ul li .sendcnt .piccnt
{
	border-image:url(../img/chatframe/aio_friend_pic_nor.png) 10 10 10 stretch;
}
.msg_bubble .msg_me ul li .senderimg
{
	float:right;
	margin-right:6px;
}
.msg_bubble .msg_me ul li .sendcnt
{
	float:right;
	margin-right:4px;	
}
.msg_bubble .msg_me ul li .sendcnt .msgcnt,.msg_bubble .msg_me ul li .sendcnt .piccnt
{
	border-image:url(../img/chatframe/aio_user_bg_nor.png) 10 10 10 stretch;
}






/*---------------------窗口抖动样式----------------------------*/

.msg_cnt ul li .gotashake
{
	width:48%;
	height:auto !important;
	font-size:12px;
	padding:1px 6px;
	margin:4px auto;
	line-height:22px;
	background:#CCC;
	text-align:center;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	/*文字溢出折叠*/
	overflow: hidden;
    white-space: normal;
    word-warp: break-word;
	word-break: break-all;/*Only work in IE*/
    text-overflow: ellipsis;/*Not working in FF*/
	
}
.msg_cnt ul li .gotashake img
{
	width:15px;
	height:15px;
	vertical-align:text-bottom;
}

/*新添加好友自动提示信息*/
.msg_cnt ul li .newaddfrdtips
{
	width:90%;
	height:auto !important;
	font-size:12px;
	padding:1px 18px;
	margin:4px auto;
	line-height:22px;
	background:#CCC;
	text-align:center;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	/*文字溢出折叠*/
	overflow: hidden;
    white-space: normal;
    word-warp: break-word;
	word-break: break-all;/*Only work in IE*/
    text-overflow: ellipsis;/*Not working in FF*/	
}







/*------------------------------内容页结束--------------------------------------------------------*/

/*----------------------------右边进度条-------------------------*/
.chatboard .chatcontent .chatleft .chatbox .chatcntscroll
{
	display:none;
	float:right;
	width:12px;
	height:100%;
	overflow: hidden;			/*溢出隐藏并禁止进度条*/
	text-overflow: ellipsis;
	white-space: nowrap;
}

.totop,.tobottom,.topstep,.bottomstep,.topstepbtn,.bottomstepbtn
{
	width:12px;
	height:12px;
	margin:0;
	padding:0;

}

.totop
{
	background:url('../img/scrollbar/arrow_aio_up_normal.png')center center no-repeat;
}
.totop:hover
{
	background:url('../img/scrollbar/arrow_aio_up_focus.png')center center no-repeat;
}

.tobottom
{
	background:url('../img/scrollbar/arrow_aio_down_normal.png')center center no-repeat;
}

.tobottom:hover
{
	background:url('../img/scrollbar/arrow_aio_down_focus.png')center center no-repeat;
}
.topstepbtn
{
	background:url('../img/scrollbar/arrow_up_normal.png')center center no-repeat;
}
.topstepbtn:hover
{
	background:url('../img/scrollbar/arrow_up_hover.png')center center no-repeat;
}

.bottomstepbtn
{
	background:url('../img/scrollbar/arrow_down_normal.png')center center no-repeat;
}
.bottomstepbtn:hover
{
	background:url('../img/scrollbar/arrow_down_hover.png')center center no-repeat;
}
/*进度条内的上下步进按钮默认隐藏 .scrollframe hover时显示out时隐藏-------------------------*/
.topstepbtn,.bottomstepbtn
{
	display:none;	
}


/*进度条外框 根据内容页高度-24px调整 默认263px      设置字体时最低230px-----------------------*/
.chatboard .chatcontent .chatleft .chatbox .chatcntscroll .scrollframe
{
	width:100%;
	height:auto !important;
	min-height:230px;
	height:263px;
	
}
/*进度条内框 根据进度条框高度-24px调整 默认239px    设置字体时最低206px----------------------*/
.chatboard .chatcontent .chatleft .chatbox .chatcntscroll .scrollframe .scrollbar
{
	position:relative;
	top:0;
	left:0;
	width:10px;
	margin:0 auto;
	height:239px;
	min-height:206px;         /*进度条高度根据内容框调整*/
	border-radius:16px;
	filter:alpha(opacity=30); 
	-moz-opacity:0.3; 
	opacity:0.3;
	overflow: hidden;			/*溢出隐藏并禁止进度条*/
	text-overflow: ellipsis;
	white-space: nowrap;
	

}
.chatboard .chatcontent .chatleft .chatbox .chatcntscroll .scrollframe:hover .scrollbar
{
	background:#699;
}

.chatboard .chatcontent .chatleft .chatbox .chatcntscroll .scrollframe:hover .topstep .topstepbtn,.chatboard .chatcontent .chatleft .chatbox .chatcntscroll .scrollframe:hover .bottomstep .bottomstepbtn
{
	display:block;
}





/*进度条滚动块 高度根据内容调整       默认隐藏，chatbox hover时显示，out时隐藏 字体设置时从新设置高度----------------------*/
.chatboard .chatcontent .chatleft .chatbox .chatcntscroll .scrollframe .scrollbar .scrollblock
{
	display:none;
	position:relative;
	top:20px;
	left:0;
	width:100%;
	height:50px;		
	background:#666;
	border-radius:16px;
	overflow: hidden;			/*溢出隐藏并禁止进度条*/
	text-overflow: ellipsis;
	white-space: nowrap;
}
.chatboard .chatcontent .chatleft .chatbox .chatcntscroll .scrollframe:hover .scrollbar .scrollblock
{
	background:#333;
}
.chatboard .chatcontent .chatleft .chatbox .chatcntscroll .scrollframe:hover .scrollbar .scrollblock:hover
{
	background:black;
}

/*----------------------------右边进度条结束-------------------------*/

/*右边广告隐藏条 默认隐藏，广告hover后显示，点击后隐藏广告，并转换为chatrightshow 根据.chatbox高度设置居中，hover时显示右border 字体设置时从新设置高度*/


.chatboard .chatcontent .adv_hidebar
{
	position:absolute;
	z-index:39;
	top:0px;
	right:138px;
	width:13px;
	min-height:254px;
	height:287px;	 /*高度根据js判断*/
	border-right:1px solid transparent;
	background:url('../img/chatframe/aio_splitbutton_right_normal.png')center center no-repeat;
}
.chatboard .chatcontent .adv_hidebar:hover
{
	border-right:1px solid #CCC;
	background:url('../img/chatframe/aio_splitbutton_right_hover.png')center center no-repeat;
}

/*
.chatboard .chatcontent .chatrighthide
{
	position:absolute;
	z-index:39;
	top:0px;
	right:138px;
	width:13px;
	min-height:254px;
	height:287px;	 高度根据js判断
	border-right:1px solid transparent;
	background:url('../img/chatframe/aio_splitbutton_right_normal.png')center center no-repeat;
}
.chatboard .chatcontent .chatrighthide:hover
{
	border-right:1px solid #CCC;
	background:url('../img/chatframe/aio_splitbutton_right_hover.png')center center no-repeat;
}

.chatboard .chatcontent .chatrightshow
{
	position:absolute;
	z-index:39;
	top:0px;
	right:0px;
	width:13px;
	min-height:254px;
	height:287px;
	---------------------------height:287px; 高度根据js判断-----------------
	border-right:1px solid transparent;
	background:url('../img/chatframe/aio_splitbutton_left_normal.png')center center no-repeat;
}
.chatboard .chatcontent .chatrightshow:hover
{
	border-right:1px solid #CCC;
	background:url('../img/chatframe/aio_splitbutton_left_hover.png')center center no-repeat;
}
*/
/*-------------------------------------------隐藏条结束---------------------------------------------------------------*/


/*底部*/

/*--------------------中底部字体设置栏----------------------------------------*/
.chatboard .chatcontent .chatleft .chatinput .midfontset
{
	display:none;
	width:100%;
	height:33px;
	max-height:33px;
	font-size:12px;
}
.chatboard .chatcontent .chatleft .chatinput .midfontset .switch_font_type
{
	float:left;
	margin-left:4px;
	width:110px;
	height:22px;
	line-height:22px;
	text-align:center;
	border-radius:4px;
	border:1px solid #999;
}
.chatboard .chatcontent .chatleft .chatinput .midfontset .switch_font_type .tobubble
{
	
	float:left;
	width:50%;
	height:100%;
	-moz-border-radius-topleft:4px;
	-webkit-border-top-left-radius:4px;
	-moz-border-radius-bottomleft:4px;
	-webkit-border-bottom-left-radius:4px;
	border-top-left-radius:4px;
	border-bottom-left-radius:4px;
}
.chatboard .chatcontent .chatleft .chatinput .midfontset .switch_font_type .tolist
{
	float:left;
	width:50%;
	height:100%;
	-moz-border-radius-topright:4px;
	-webkit-border-top-right-radius:4px;
	-moz-border-radius-bottomright:4px;
	-webkit-border-bottom-right-radius:4px;
	border-top-right-radius:4px;
	border-bottom-right-radius:4px;
}


/*字体设置---------------气泡模式*/
.chatboard .chatcontent .chatleft .chatinput .midfontset .bubble_type
{
	padding-top:6px;
	width:100%;
}


.chatboard .chatcontent .chatleft .chatinput .midfontset .bubble_type .switch_font_type .tobubble
{
	
	color:white;
	background:#999;
}
.chatboard .chatcontent .chatleft .chatinput .midfontset .bubble_type .switch_font_type .tolist
{
	
	color:black;
	background:white;
}

.chatboard .chatcontent .chatleft .chatinput .midfontset .bubble_type .font_family
{
	margin-top:3px;
	margin-right:12px;
	float:right;
	padding:0px 16px 0px 4px;
	border-radius:3px;
	height:18px;
	border:1px solid #999;
	background:white;
	overflow:hidden;
}
.chatboard .chatcontent .chatleft .chatinput .midfontset .bubble_type .font_family:after
{
	content:"";
	width:7px;
	height:5px;
	background:url(../img/chatframe/aio_littletoolbar_arrow_hover.png) center center no-repeat;
	display:block;
	position:relative;
	top:-11px;
	left:53px;
}
.chatboard .chatcontent .chatleft .chatinput .midfontset .bubble_type .font_family:hover,.chatboard .chatcontent .chatleft .chatinput .midfontset .bubble_type .font_size select:hover
{
	
	box-shadow:inset 0 0 5px #3366CC;
	-moz-box-shadow:inset 0 0 5px #3366CC;
	-webkit-box-shadow:inset 0 0 5px #3366CC;
}

.chatboard .chatcontent .chatleft .chatinput .midfontset .bubble_type .font_size
{
	margin-top:3px;
	margin-right:3px;
	float:right;
	color:#999;
	width:96px;
	height:20px;
}
.chatboard .chatcontent .chatleft .chatinput .midfontset .bubble_type .font_size select
{
	width:42px;
	height:20px;
	margin:0;
	margin-left:2px;
	border-radius:3px;
	border:1px solid #CCC;
	-webkit-appearance: none; /*for chrome*/
}
.chatboard .chatcontent .chatleft .chatinput .midfontset .bubble_type .font_size:after
{
	content:"";
	width:7px;
	height:5px;
	display:block;
	position:relative;
	top:-13px;
	left:76px;
	background:url(../img/chatframe/aio_littletoolbar_arrow_hover.png) center center no-repeat;
}


.chatboard .chatcontent .chatleft .chatinput .midfontset .bubble_type .bubble_theme
{
	margin-top:3px;
	float:right;
	margin-right:6px;
	width:64px;
	height:23px;
	line-height:23px;
	text-align:center;
	background:url(../img/chatframe/midtoolbar/MidToolbarExtUp_Font/aio_quickbar_bubblemode_tab_choosebubble_normal.png) center center no-repeat;
}
.chatboard .chatcontent .chatleft .chatinput .midfontset .bubble_type .bubble_theme:hover
{

	background:url(../img/chatframe/midtoolbar/MidToolbarExtUp_Font/aio_quickbar_bubblemode_tab_choosebubble_highlight.png) center center no-repeat;
}






/*字体设置---------------文字模式*/
.chatboard .chatcontent .chatleft .chatinput .midfontset .list_type
{
	display:none;
	padding-top:6px;
	width:100%;
}
.chatboard .chatcontent .chatleft .chatinput .midfontset .list_type .switch_font_type .tobubble
{
	color:black;
	background:white;
}
.chatboard .chatcontent .chatleft .chatinput .midfontset .list_type .switch_font_type .tolist
{
	color:white;
	background:#999;
}

.chatboard .chatcontent .chatleft .chatinput .midfontset .list_type .sys_color_board
{
	margin-top:2px;
	float:right;
	width:21px;
	height:21px;
	background:url(../img/chatframe/midtoolbar/MidToolbarExtUp_Font/aio_quickbar_sysfont_color_normal.png) center center no-repeat;
}
.chatboard .chatcontent .chatleft .chatinput .midfontset .list_type .sys_color_board:hover
{
	background:url(../img/chatframe/midtoolbar/MidToolbarExtUp_Font/aio_quickbar_sysfont_color_highlight.png) center center no-repeat;
}

.chatboard .chatcontent .chatleft .chatinput .midfontset .list_type .font_underline
{
	margin-top:2px;
	margin-right:2px;
	float:right;
	width:21px;
	height:21px;
	background:url(../img/chatframe/midtoolbar/MidToolbarExtUp_Font/aio_quickbar_sysfont_underline_normal.png) center center no-repeat;
}
.chatboard .chatcontent .chatleft .chatinput .midfontset .list_type .font_underline:hover
{

	background:url(../img/chatframe/midtoolbar/MidToolbarExtUp_Font/aio_quickbar_sysfont_underline_highlight.png) center center no-repeat;
}

.chatboard .chatcontent .chatleft .chatinput .midfontset .list_type .font_incline
{
	margin-top:2px;
	margin-right:2px;
	float:right;
	width:21px;
	height:21px;
	background:url(../img/chatframe/midtoolbar/MidToolbarExtUp_Font/aio_quickbar_sysfont_italic_normal.png) center center no-repeat;
}

.chatboard .chatcontent .chatleft .chatinput .midfontset .list_type .font_incline:hover
{
	background:url(../img/chatframe/midtoolbar/MidToolbarExtUp_Font/aio_quickbar_sysfont_italic_highlight.png) center center no-repeat;
}

.chatboard .chatcontent .chatleft .chatinput .midfontset .list_type .font_bold
{
	margin-top:2px;
	margin-right:2px;
	float:right;
	width:21px;
	height:21px;
	background:url(../img/chatframe/midtoolbar/MidToolbarExtUp_Font/aio_quickbar_sysfont_bold_normal.png) center center no-repeat;
}

.chatboard .chatcontent .chatleft .chatinput .midfontset .list_type .font_bold:hover
{
	background:url(../img/chatframe/midtoolbar/MidToolbarExtUp_Font/aio_quickbar_sysfont_bold_highlight.png) center center no-repeat;
}


/*使用 -webkit-appearance: none; 和:after伪元素 重构select样式*/
.chatboard .chatcontent .chatleft .chatinput .midfontset .list_type .font_size
{
	margin-top:2px;
	margin-right:2px;
	float:right;
	color:#999;
	width:40px;
	height:20px;
}
.chatboard .chatcontent .chatleft .chatinput .midfontset .list_type .font_size select
{
	margin:0;
	width:40px;
	font-family:"微软雅黑";
	font-size:12px;
	border-radius:3px;
	border:1px solid #CCC;
	-webkit-appearance: none; /*for chrome*/
}

.chatboard .chatcontent .chatleft .chatinput .midfontset .list_type .font_family
{
	margin-top:2px;
	margin-right:4px;
	float:right;
	color:#999;
	width:76px;
	height:20px;
}
.chatboard .chatcontent .chatleft .chatinput .midfontset .list_type .font_family select
{
	margin:0;
	width:76px;
	height:20px;
	font-family:"微软雅黑";
	font-size:12px;
	border-radius:3px;
	border:1px solid #CCC;

   -webkit-appearance: none; /*for chrome*/
}
.chatboard .chatcontent .chatleft .chatinput .midfontset .list_type .font_size select:hover,.chatboard .chatcontent .chatleft .chatinput .midfontset .list_type .font_family select:hover
{
	box-shadow:inset 0 0 5px #3366CC;
	-moz-box-shadow:inset 0 0 5px #3366CC;
	-webkit-box-shadow:inset 0 0 5px #3366CC;
}

.chatboard .chatcontent .chatleft .chatinput .midfontset .list_type .font_family:after
{
	content:"";
	width:7px;
	height:5px;
	display:block;
	position:relative;
	top:-13px;
	left:62px;
	background:url(../img/chatframe/aio_littletoolbar_arrow_hover.png) center center no-repeat;
}
.chatboard .chatcontent .chatleft .chatinput .midfontset .list_type .font_size:after
{
	content:"";
	width:7px;
	height:5px;
	display:block;
	position:relative;
	top:-14px;
	left:27px;
	background:url(../img/chatframe/aio_littletoolbar_arrow_hover.png) center center no-repeat;
}





/*正常文字设置*/
.chatboard .chatcontent .chatleft .chatinput .midfontset .list_type .font_type
{
	float:right;
	margin-top:1px;
	margin-right:4px;
	width:44px;
	height:21px;

}
.chatboard .chatcontent .chatleft .chatinput .midfontset .list_type .font_type .normal_font
{
	float:left;
	width:50%;
	height:100%;
	background:url(../img/chatframe/midtoolbar/MidToolbarExtUp_Font/aio_quickbar_sysfont_tab_button_push.png)center center no-repeat;
}
.chatboard .chatcontent .chatleft .chatinput .midfontset .list_type .font_type .color_font
{
	float:left;
	width:50%;
	height:100%;
	background:url(../img/chatframe/midtoolbar/MidToolbarExtUp_Font/aio_quickbar_customfont_tab_button_normal.png)center center no-repeat;
}

/*--------------------中底部字体设置栏结束----------------------------------------*/


/*中底部工具栏*/
.chatboard .chatcontent .chatleft .chatinput .midtoolbar
{
	width:100%;
	min-height:30px;
}

.chatboard .chatcontent .chatleft .chatinput .midtoolbar .midtoolcnt
{
	width:100%;
	height:30px;
	padding-top:2px;
}
.chatboard .chatcontent .chatleft .chatinput .midtoolbar .midtoolcnt .left
{
	float:left;
	margin-left:3px;
	/*padding-top:1px;
	padding-bottom:1px;
	padding-left:2px;
	padding-right:2px;
	*/
	padding:1px 2px;
	width:20px;
	height:20px;
	border-radius:2px;
	border:1px solid transparent;
}
.chatboard .chatcontent .chatleft .chatinput .midtoolbar .midtoolcnt .left:hover
{
	border:1px solid #999;
}



.chatboard .chatcontent .chatleft .chatinput .midtoolbar .midtoolcnt .font
{
	background:url('../img/chatframe/midtoolbar/aio_quickbar_font.png')no-repeat center center;
}
.chatboard .chatcontent .chatleft .chatinput .midtoolbar .midtoolcnt .font:hover
{
	background:url('../img/chatframe/midtoolbar/aio_quickbar_font_hover.png')no-repeat center center;
}

.chatboard .chatcontent .chatleft .chatinput .midtoolbar .midtoolcnt .fontdown
{
	border:1px solid #666;
	background:url('../img/chatframe/midtoolbar/aio_quickbar_font_hover.png')no-repeat center center;
}

.chatboard .chatcontent .chatleft .chatinput .midtoolbar .midtoolcnt .face
{
	background:url('../img/chatframe/midtoolbar/aio_quickbar_face.png')no-repeat center center;
}
.chatboard .chatcontent .chatleft .chatinput .midtoolbar .midtoolcnt .face:hover
{
	background:url('../img/chatframe/midtoolbar/aio_quickbar_face_hover.png')no-repeat center center;
}

.chatboard .chatcontent .chatleft .chatinput .midtoolbar .midtoolcnt .richface
{
	background:url('../img/chatframe/midtoolbar/aio_quickbar_richface.png')no-repeat center center;
}
.chatboard .chatcontent .chatleft .chatinput .midtoolbar .midtoolcnt .richface:hover
{
	background:url('../img/chatframe/midtoolbar/aio_quickbar_richface_hover.png')no-repeat center center;
}

.chatboard .chatcontent .chatleft .chatinput .midtoolbar .midtoolcnt .twitter
{
	background:url('../img/chatframe/midtoolbar/aio_quickbar_twitter.png')no-repeat center center;
}


.chatboard .chatcontent .chatleft .chatinput .midtoolbar .midtoolcnt .inputassist
{
	background:url('../img/chatframe/midtoolbar/aio_quickbar_inputassist.png')no-repeat center center;
}
.chatboard .chatcontent .chatleft .chatinput .midtoolbar .midtoolcnt .inputassist:hover
{
	background:url('../img/chatframe/midtoolbar/aio_quickbar_inputassist_hover.png')no-repeat center center;
}

.chatboard .chatcontent .chatleft .chatinput .midtoolbar .midtoolcnt .sendpic
{
	width:30px;
	background:url('../img/chatframe/midtoolbar/aio_quickbar_sendpic.png')center left no-repeat,url('../img/chatframe/aio_littletoolbar_arrow_bkg_normal.png') center right no-repeat;
	overflow:hidden;
}
.chatboard .chatcontent .chatleft .chatinput .midtoolbar .midtoolcnt .sendpic .picfile
{
	float:left;
	width:100%;
	height:100%;
	filter:alpha(opacity=0); 
	-moz-opacity:0; 
	opacity:0;
}
.chatboard .chatcontent .chatleft .chatinput .midtoolbar .midtoolcnt .sendpic:hover
{
	background:url('../img/chatframe/midtoolbar/aio_quickbar_sendpic_hover.png')center left no-repeat,url('../img/chatframe/aio_littletoolbar_arrow_bkg_hover.png') center right no-repeat;
}

.chatboard .chatcontent .chatleft .chatinput .midtoolbar .midtoolcnt .cut
{
	width:30px;
	background:url('../img/chatframe/midtoolbar/aio_quickbar_cut.png')center left no-repeat,url('../img/chatframe/aio_littletoolbar_arrow_bkg_normal.png') center right no-repeat;
}
.chatboard .chatcontent .chatleft .chatinput .midtoolbar .midtoolcnt .cut:hover
{
	background:url('../img/chatframe/midtoolbar/aio_quickbar_cut_hover.png')center left no-repeat,url('../img/chatframe/aio_littletoolbar_arrow_bkg_hover.png') center right no-repeat;
}




.chatboard .chatcontent .chatleft .chatinput .midtoolbar .midtoolcnt .msghis
{
	float:right;
	margin-right:3px;

	padding:1px 2px;
	padding-left:20px;
	width:60px;
	height:20px;
	border-radius:2px;
	font-size:12px;
	line-height:21px;
	
	border:1px solid transparent;
	background:url('../img/chatframe/midtoolbar/aio_quickbar_register.png')center left no-repeat,url('../img/chatframe/aio_littletoolbar_arrow_bkg_normal.png') center right no-repeat;
}
.chatboard .chatcontent .chatleft .chatinput .midtoolbar .midtoolcnt .msghis:hover
{
	border:1px solid #999;
	background:url('../img/chatframe/midtoolbar/aio_quickbar_register_hover.png')center left no-repeat,url('../img/chatframe/aio_littletoolbar_arrow_bkg_hover.png') center right no-repeat;
}

.chatboard .chatcontent .chatleft .chatinput .midtoolbar .midtoolcnt .clicked
{
	border:1px solid #999;
}








/*文本输入框     默认70px 字体设置时73px  ------------------此处应该使用js来判断高度----------------*/
.chatboard .chatcontent .chatleft .chatinput .inputbox
{
	height:70px;
	max-height:70px;
	width:100%;
	overflow: hidden;			/*溢出隐藏并禁止进度条*/
	text-overflow: ellipsis;
	white-space: nowrap;
}

.chatboard .chatcontent .chatleft .chatinput .inputbox .inputscroll
{
	float:right;
	margin-right:1px;
	margin-top:0;
	height:100%;
	max-height:70px;
	width:12px;
	
}
.chatboard .chatcontent .chatleft .chatinput .inputbox .inputscroll .inputtopstep,.chatboard .chatcontent .chatleft .chatinput .inputbox .inputscroll .inputbottomstep
{
	width:12px;
	height:12px;
	margin:0;
	padding:0;
}
.chatboard .chatcontent .chatleft .chatinput .inputbox .inputscroll:hover .inputtopstep .inputtopstepbtn,.chatboard .chatcontent .chatleft .chatinput .inputbox .inputscroll:hover .inputbottomstep .inputbottomstepbtn
{
	display:block;
}
.inputtopstepbtn,.inputbottomstepbtn
{
	display:none;
	width:100%;
	height:100%;
}
.chatboard .chatcontent .chatleft .chatinput .inputbox .inputscroll .inputscrollbar
{
	height:46px;
	max-height:46px;
	width:100%;
	border-radius:12px;
	-moz-border-radius:12px;
	-webkit-border-radius:12px;
}
.chatboard .chatcontent .chatleft .chatinput .inputbox .inputscroll:hover .inputscrollbar
{
	background:#999;
}
.chatboard .chatcontent .chatleft .chatinput .inputbox .inputscroll .inputscrollbar .inputscrollblock
{
	display:none;
	width:100%;
	height:30px;
	border-radius:12px;
	-moz-border-radius:12px;
	-webkit-border-radius:12px;
	background:#666;
}
.chatboard .chatcontent .chatleft .chatinput .inputbox .inputscroll:hover .inputscrollbar .inputscrollblock
{
	background:#333;
}

.inputtopstepbtn
{
	background:url('../img/scrollbar/arrow_up_normal.png')center center no-repeat;
}
.inputtopstepbtn:hover
{
	background:url('../img/scrollbar/arrow_up_hover.png')center center no-repeat;
}

.inputbottomstepbtn
{
	background:url('../img/scrollbar/arrow_down_normal.png')center center no-repeat;
}
.inputbottomstepbtn:hover
{
	background:url('../img/scrollbar/arrow_down_hover.png')center center no-repeat;
}


.chatboard .chatcontent .chatleft .chatinput .inputbox .inputboxcnt
{
	/*background:yellow;*/
	margin-left:6px;
	margin-right:14px;
	height:100%;
	overflow: hidden;			/*溢出隐藏并禁止进度条*/
	text-overflow: ellipsis;
	white-space: nowrap;
}
.chatboard .chatcontent .chatleft .chatinput .inputbox .inputboxcnt .inputboxcntpage
{	
	position:relative;
	top:0;
	left:0;
	width:100%;
	height:100%;
	min-height:100%;
	height:auto !important;
	
	cursor:text;
	overflow: hidden;			/*溢出隐藏并禁止进度条*/
	text-overflow: ellipsis;
	white-space: nowrap;
	padding:0;
	border:none;
	outline:none;
	

	/*文字溢出折叠*/
	overflow: hidden;
    white-space: normal;
    word-warp: break-word;
	word-break: break-all;/*Only work in IE*/
    text-overflow: ellipsis;/*Not working in FF*/
}

.chatboard .chatcontent .chatleft .chatinput .inputbox .inputboxcnt .inputboxcntpage .ready2send_pic
{
	max-width:45%;
	width:auto !important;

}













.chatboard .chatcontent .chatleft .chatinput .bottombar
{
	width:100%;
	height:37px;
	-moz-border-radius-bottomleft:3px;
	-webkit-border-bottom-left-radius:3px;
	border-bottom-left-radius:3px;
}
.chatboard .chatcontent .chatleft .chatinput .bottombar .bottomadv
{
	margin-right:170px;
	line-height:35px;
	color:#999;
	font-size:12px;
	overflow: hidden;			/*溢出隐藏并禁止进度条*/
	text-overflow: ellipsis;
	white-space: nowrap;
	
}
.chatboard .chatcontent .chatleft .chatinput .bottombar .bottomadv a:link,.chatboard .chatcontent .chatleft .chatinput .bottombar .bottomadv a:visited
{
	margin-left:4px;
	color:#999;
	text-decoration:none;
}
.chatboard .chatcontent .chatleft .chatinput .bottombar .bottomadv a:hover,.chatboard .chatcontent .chatleft .chatinput .bottombar .bottomadv a:active
{
	margin-left:4px;
	color:#333;
	text-decoration:underline;
}

.chatboard .chatcontent .chatleft .chatinput .bottombar .bottombutton
{
	float:right;
	width:170px;
	height:37px;
	font-size:12px;
	text-align:center;
}
.chatboard .chatcontent .chatleft .chatinput .bottombar .bottombutton .chatbigclose
{
	float:right;
	margin-right:4px;
	margin-top:6px;
	width:71px;
	height:24px;
	line-height:24px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	position:relative;
}
.chatboard .chatcontent .chatleft .chatinput .bottombar .bottombutton .chatbigclose:hover::before
{
	content:'';
	display:block;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:white;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	filter:alpha(opacity=30); 
	-moz-opacity:0.3; 
	opacity:0.3;
}
.chatboard .chatcontent .chatleft .chatinput .bottombar .bottombutton .chatsend
{
	float:right;
	margin-right:3px;
	margin-top:6px;
	width:88px;
	height:24px;
	
	border-radius:5px;
}
.chatboard .chatcontent .chatleft .chatinput .bottombar .bottombutton .chatsend div
{
	float:left;
	height:100%;
	position:relative;
}
.chatboard .chatcontent .chatleft .chatinput .bottombar .bottombutton .chatsend .sendbtn
{
	line-height:24px;
	width:62px;
	-moz-border-radius-topleft:5px;
	-webkit-border-top-left-radius:5px;
	-moz-border-radius-bottomleft:5px;
	-webkit-border-bottom-left-radius:5px;
	border-top-left-radius:5px;
	border-bottom-left-radius:5px;
}
.chatboard .chatcontent .chatleft .chatinput .bottombar .bottombutton .chatsend .sendbtn:hover::before
{
	content:'';
	display:block;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:white;
	-moz-border-radius-topleft:5px;
	-webkit-border-top-left-radius:5px;
	-moz-border-radius-bottomleft:5px;
	-webkit-border-bottom-left-radius:5px;
	border-top-left-radius:5px;
	border-bottom-left-radius:5px;
	filter:alpha(opacity=30); 
	-moz-opacity:0.3; 
	opacity:0.3;
}

.chatboard .chatcontent .chatleft .chatinput .bottombar .bottombutton .chatsend .split 
{
	width:2px;
}
.chatboard .chatcontent .chatleft .chatinput .bottombar .bottombutton .chatsend .split img
{
	width:2px;
	height:24px;
}

.chatboard .chatcontent .chatleft .chatinput .bottombar .bottombutton .chatsend .sendset
{
	width:24px;
	-moz-border-radius-topright:5px;
	-webkit-border-top-right-radius:5px;
	-moz-border-radius-bottomright:5px;
	-webkit-border-bottom-right-radius:5px;
	border-top-right-radius:5px;
	border-bottom-right-radius:5px;
}
.chatboard .chatcontent .chatleft .chatinput .bottombar .bottombutton .chatsend .sendset:hover::before
{
	content:'';
	display:block;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:white;
	-moz-border-radius-topright:5px;
	-webkit-border-top-right-radius:5px;
	-moz-border-radius-bottomright:5px;
	-webkit-border-bottom-right-radius:5px;
	border-top-right-radius:5px;
	border-bottom-right-radius:5px;
	filter:alpha(opacity=30); 
	-moz-opacity:0.3; 
	opacity:0.3;
}
.chatboard .chatcontent .chatleft .chatinput .bottombar .bottombutton .chatsend .sendset img
{
	margin-top:5px;
}


/*---------------------------根据主题改变底部按钮颜色-------------------------------------

.chatboard .chatcontent .chatleft .chatinput .bottombar .bottombutton .chatsend,.chatboard .chatcontent .chatleft .chatinput .bottombar .bottombutton .chatbigclose
{
	background:#99CC66;
}

.chatboard .chatcontent .chatleft .chatinput .bottombar .bottombutton .chatbigclose:hover,.chatboard .chatcontent .chatleft .chatinput .bottombar .bottombutton .chatsend .sendbtn:hover,.chatboard .chatcontent .chatleft .chatinput .bottombar .bottombutton .chatsend .sendset:hover
{
	background:#99CC00;
}

--------------------------------------------------------------------------------------*/















/*最近使用表情框*/
.recentface
{
	display:none;
	position:absolute;
	z-index:39;
	top:230px;
	left:-26px;
	width:128px;
	height:126px;
	background:white;
	border:1px solid #666;
	-moz-box-shadow: 0px 0px 15px #333;  
	-webkit-box-shadow: 0px 0px 15px #333;   
	box-shadow: 0px 0px 15px #333;
}

.recentfacebox
{
	width:100%;
	height:96px;
	border-collapse: collapse;
}

.recentfacebox td
{
	width:30px;
	height:30px;
	border:1px solid #CCFFFF;
}
.recentfacebox td img
{
	margin:auto 3px;
}
.recentfacebox td:hover
{	
	border-collapse:separate;
	border:1px solid #0099CC;
}

.recentfacetitle
{
	width:100%;
	height:30px;

	font-family:'微软雅黑';
	font-size:12px;
	font-weight:lighter;
	color:#666;
	text-align:center;
	line-height:30px;
}



/*链接安全性提示面板*/
.safetagboard
{
	position:fixed;
	z-index:200;
	width:309px;
	height:125px;
	
	font-family:"微软雅黑";
}
.safetagboard .safetips
{
	margin-top:14px;
	width:100%;
	height:40px;
}
.safetagboard .safetips .tipimg
{
	float:left;
	margin-left:6px;
	width:40px;
	height:40px;
	
}
.safetagboard .safetips .tipcnt
{
	float:left;
	height:40px;
	font-size:17px;
	
	font-weight:bold;
	line-height:40px;
}

.safetagboard .tagctrl
{
	margin-top:8px;
	margin-left:2px;
	width:100%;
}

.safetagboard .tagctrl div
{
	float:left;
	color:#0066CC;
	font-size:12px;
	margin-left:12px;
}

.safetagboard .safeadv
{
	margin-top:18px;
	margin-left:8px;
	width:100%;
	font-size:12px;
	color:#333;
}
.safetagboard .safeadv img
{
	width:15px;
	height:16px;
	vertical-align:bottom;
	margin-right:4px;
}
.safetagboard .safeadv a:link,.safetagboard .safeadv a:visited
{
	font-size:12px;
	color:#0066CC;
	text-decoration:none;
}
.safetagboard .safeadv a:hover,.safetagboard .safeadv a:active
{
	font-size:12px;
	color:#0099CC;
	text-decoration:none;
}


.safetag .safetips .tipimg
{
	background:url(../img/Safe/Tips_SecurityAttr_Safe.png)center center no-repeat;
}
.authtag .safetips .tipimg
{
	background:url(../img/Safe/main_SecurityTipIcon_Big_22.png)center center no-repeat;
}

.notsafetag .safetips .tipimg
{
	background:url(../img/Safe/main_SecurityTipIcon_Big_14.png)center center no-repeat;
}
.noticetag .safetips .tipimg
{
	background:url(../img/Safe/main_SecurityTipIcon_Big_12.png)center center no-repeat;
}
.unknowtag .safetips .tipimg
{
	background:url(../img/Safe/main_SecurityTipIcon_Big_15.png)center center no-repeat;
}

.safetag .safetips .tipcnt,.authtag .safetips .tipcnt
{
	color:#009933;
}

.noticetag .safetips .tipcnt,.unknowtag .safetips .tipcnt
{
	color:#0066CC;
}
.notsafetag .safetips .tipcnt
{
	color:red;
}



/*图片预览样式*/

.imageviewboard
{
	position:fixed;
	z-index:1100;
	width:auto !important;
	height:auto !important;
	max-width:95%;
	max-height:95%;
	min-width:330px;
	min-height:130px;
	top:2%;
	left:10%;
}
.imageviewboard .imagecntboard
{
	position:relative;
	
	text-align:center;
	background:url(../img/ImageView/pic_bg.png) no-repeat center center;
	background-size:100% 100%;
	border:11px solid transparent;
	border-image:url(../img/ImageView/windowbkg2.png) 11 11 11 stretch;
	
	min-width:330px;
	min-height:130px;

}
.imageviewboard .imagecntboard img
{
	max-width:100%;
	max-height:100%;
	height:50%;
	margin:auto 0;
	draggable:false;
	-moz-draggable:false;
}

.imageviewboard .imageviewclose
{
	display:none;
	position:absolute;
	z-index:1111;
	top:8px;
	right:8px;
	width:26px;
	height:26px;
	background:url(../img/ImageView/icon_close01_normal.png)center center no-repeat;

}
.imageviewboard .imageviewclose:hover
{
	background:url(../img/ImageView/icon_close_hover.png)center center no-repeat;
}

.imageviewboard .nextpic,.imageviewboard .lastpic
{
	position:absolute;
	top:0;
	width:70px;
	height:100%;
}
.imageviewboard .nextpic
{
	right:0;
}
.imageviewboard .lastpic
{
	left:0;
}
.imageviewboard .imagetable
{
	display:table;
	position:static;
	width:100%;
	height:100%;
	
}
.imageviewboard .imagetable .imagecell
{
	display:table-cell;
	vertical-align:middle;
	width:100%;
	height:100%;
}

.imageviewboard .lastpicbtn,.imageviewboard .nextpicbtn
{
	display:none;
	width:48px;
	height:48px;
	margin:auto 11px;
}
.imageviewboard .lastpicbtn
{
	background:url(../img/ImageView/icon_left_small.png)center center no-repeat;
}
.imageviewboard .nextpicbtn
{
	background:url(../img/ImageView/icon_right_small.png)center center no-repeat;
}



.imageviewboard .imagebottom
{
	display:none;
	position:absolute;
	z-index:1111;
	left:0;
	bottom:5px;
	width:100%;
	height:40px;
}
.imageviewboard .imagebottom .imagetool
{
	width:322px;
	height:38px;
	margin:1px auto;
	position:relative;
	
	-moz-border-radius-topright:9px;
	-moz-border-radius-topleft:9px;
	-webkit-border-top-left-radius:9px;
	-webkit-border-top-right-radius:9px;
	border-top-left-radius:9px;
	border-top-right-radius:9px;
	border:1px solid #CCC;
}
.imageviewboard .imagebottom .imagetool .imagetoolbg
{
	width:100%;
	height:100%;
	position:absolute;
	-moz-border-radius-topright:9px;
	-moz-border-radius-topleft:9px;
	-webkit-border-top-left-radius:9px;
	-webkit-border-top-right-radius:9px;
	border-top-left-radius:9px;
	border-top-right-radius:9px;
	background:black;
	filter:alpha(opacity=70); 
	-moz-opacity:0.7; 
	opacity:0.7;
}
.imageviewboard .imagebottom .imagetool .imagetoolcnt
{
	width:300px;
	height:22px;
	margin-top:10px;
	margin-left:11px;
	position:absolute;
	
}

.imageviewboard .imagebottom .imagetool .imagetoolcnt .imagetoolbtn1
{
	float:left;
	width:21px;
	height:22px;
	
	margin:0 12px;
}
.imageviewboard .imagebottom .imagetool .imagetoolcnt .imagetoolbtn2
{
	float:left;
	width:21px;
	height:22px;

	margin:0 8px;
}
.imageviewboard .imagebottom .imagetool .imagetoolcnt .imagesplit
{
	float:left;
	width:5px;
	height:22px;
	margin:0 6px;
	
}

.imageviewboard .imagetool .imagetoolcnt .image100
{
	background:url(../img/ImageView/tool_bt_11.png)center center no-repeat;
}
.imageviewboard .imagetool .imagetoolcnt .image100:hover
{
	background:url(../img/ImageView/tool_bt_1_1-hover.png)center center no-repeat;
}
.imageviewboard .imagetool .imagetoolcnt .imagefull
{
	background:url(../img/ImageView/tool_bt_Full.png)center center no-repeat;
}
.imageviewboard .imagetool .imagetoolcnt .imagefull:hover
{
	background:url(../img/ImageView/tool_bt_Full_hover.png)center center no-repeat;
}
.imageviewboard .imagetool .imagetoolcnt .imageroll
{
	background:url(../img/ImageView/tool_bt_right.png)center center no-repeat;
}
.imageviewboard .imagetool .imagetoolcnt .imageroll:hover
{
	background:url(../img/ImageView/tool_bt_right.png-hover.png)center center no-repeat;
}
.imageviewboard .imagetool .imagetoolcnt .imagesave
{
	background:url(../img/ImageView/tool_icon_save_normal.png)center center no-repeat;
}
.imageviewboard .imagetool .imagetoolcnt .imagesave:hover
{
	background:url(../img/ImageView/tool_icon_save_hover.png)center center no-repeat;
}
.imageviewboard .imagetool .imagetoolcnt .imagecollect
{
	background:url(../img/ImageView/icon_collection_normal.png)center center no-repeat;
}
.imageviewboard .imagetool .imagetoolcnt .imagecollect:hover
{
	background:url(../img/ImageView/icon_collection_hover.png)center center no-repeat;
}
.imageviewboard .imagetool .imagetoolcnt .imagesend2phone
{
	background:url(../img/ImageView/dataline.png)center center no-repeat;
}
.imageviewboard .imagetool .imagetoolcnt .imagesend2phone:hover
{
	background:url(../img/ImageView/dataline_hover.png)center center no-repeat;
}
.imageviewboard .imagetool .imagetoolcnt .imageshare
{
	background:url(../img/ImageView/share.png)center center no-repeat;
}
.imageviewboard .imagetool .imagetoolcnt .imageshare:hover
{
	background:url(../img/ImageView/share-hover.png)center center no-repeat;
}
.imageviewboard .imagetool .imagetoolcnt .imagesplit
{
	background:url(../img/ImageView/splitter.png)center center no-repeat;
}


/*鼠标移上时显示各种按钮*/
.imageviewboard:hover .imagebottom
{
	display:block;
}
.imageviewboard:hover .imageviewclose
{
	display:block;
}
.imageviewboard:hover .lastpic:hover .lastpicbtn
{
	display:block;
}
.imageviewboard:hover .nextpic:hover .nextpicbtn
{
	display:block;
}






/*最大化*/
.chatbig
{
	top:0;
	left:0;
	min-width:100%;
	width:100%;
}


/*------------------------------------------------------------右则设置--------------------------------------------------------------------------------------------------*/
/*---mode_senceshow场景秀,mode_imagecard形象卡,mode_search搜索,mode_grpinfo群详细信息,mode_msghistroy消息记录,并列class chatbig最大,chatnormal普通----*/


/*右侧总内容栏*/
.chatframe .chatboard .chatcontent .chatright .chatrightcnt 
{
	width:100%;
	height:100%;
	margin:0;
	padding:0;
}
/*功能栏*/
.chatframe .chatboard .chatcontent .chatright .chatrightcnt .chatrightbox
{
	display:none;
	height:100%;
	width:362px;
	position:relative;
}
/*广告栏*/
.chatframe .chatboard .chatcontent .chatright .chatrightcnt .chatrightadv
{
	width:100%;
	height:100%;
	position:relative;
	background:green;
}



/*-----------------------------开启右侧功能框css控制------------------------------*/
.open_chatright 
{
	width:809px;
}
.open_chatright .chatboard .chatcontent .chatleft,.open_chatright .chatbg .chatbgcnt .chatbgleft
{
	margin-right:363px;
}
.open_chatright .chatboard .chatcontent .chatright,.open_chatright .chatboard .chatcontent .chatright .chatrightcnt .chatrightbox,.open_chatright .chatbg .chatbgcnt .chatbgright
{
	width:363px;	
}
.open_chatright .chatboard .chatcontent .adv_hidebar
{
	right:363px;
}
.open_chatright .chatbg .chatbgcnt .chatbgright
{
	background:white;
	filter:alpha(opacity=80); 
	-moz-opacity:0.8; 
	opacity:0.8;
}
.open_chatright .chatboard .chatcontent .chatright .chatrightcnt .chatrightbox
{
	display:block;
}
.open_chatright .chatboard .chatcontent .chatright .chatrightcnt .chatrightadv
{
	display:none;
}



/*--------------------------------------------隐藏右侧按钮控制---------------------------------------------------------*/
.temphide 
{
	width:584px;
	/*max-width:584px;*/
}
.temphide .chatboard .chatcontent .adv_hidebar
{
	right:0;
	width:13px;
	min-height:254px;
	height:287px;
	/*height:287px; /*高度根据js判断*/
	border-right:1px solid transparent;
	background:url('../img/chatframe/aio_splitbutton_left_normal.png')center center no-repeat;
}
.temphide .chatboard .chatcontent .adv_hidebar:hover
{
	border-right:1px solid #CCC;
	background:url('../img/chatframe/aio_splitbutton_left_hover.png')center center no-repeat;
}

.temphide .chatbg .chatbgcnt .chatbgright
{
	display:none;
}
.temphide .chatbg .chatbgcnt .chatbgleft
{
	margin-right:0px;
}

.temphide .chatboard .chatcontent .chatleft
{
	margin-right:4px;
}

.temphide .chatboard .chatcontent .chatright
{
	width:4px;
	max-width:4px;
}
.temphide .chatboard .chatcontent .chatright .chatrightcnt .chatrightadv,.temphide .chatboard .chatcontent .chatright .chatrightcnt .chatrightbox
{
	display:none;
}


/*-------------------------------------------右侧功能详细设置-------------------------------------------------*/
.chatframe .chatboard .chatcontent .chatright .chatrightcnt .chatrightbox .chatright_tabbar
{
	border-top:1px solid #CCC;
	border-bottom:1px solid #CCC;
	border-left:1px solid #CCC;
	width:362px;
	height:26px;
}
.chatframe .chatboard .chatcontent .chatright .chatrightcnt .chatrightbox .chatright_tabbar .chatright_tabbtn
{
	float:left;
	height:100%;
	line-height:28px;
	padding:0 4px 0 8px;
	border-right:1px solid #CCC;
}
.chatframe .chatboard .chatcontent .chatright .chatrightcnt .chatrightbox .chatright_tabbar .chatright_tabbtn .chattab_close
{
	float:right;
	width:15px;
	height:26px;
	background:url(../img/chatframe/sidebar_tabbutton_close_normal.png)center center no-repeat;
}
.chatframe .chatboard .chatcontent .chatright .chatrightcnt .chatrightbox .chatright_tabbar .chatright_tabbtn .chattab_close:hover
{
	background:url(../img/chatframe/sidebar_tabbutton_close_hover.png)center center no-repeat;
}

.chatframe .chatboard .chatcontent .chatright .chatrightcnt .chatrightbox .chatright_content
{
	position:absolute;
	top:28px;
	left:0;
	bottom:0;
	
	width:100%;
	border-left:1px solid #CCC;
}
.chatframe .chatboard .chatcontent .chatright .chatrightcnt .chatrightbox .chatright_content .chatright_contentpage
{
	width:100%;
	height:100%;
	position:relative;
	display:none;
}
/*----------------------------控制chatright_content下要显示的页面-------------------------------------------*/
.chatframe .chatboard .chatcontent .chatright .chatrightcnt .page_searchmsg .chatright_content .chatframe_msgsearchboard
{
	display:block;
}
.chatframe .chatboard .chatcontent .chatright .chatrightcnt .page_msghistroy .chatright_content .chatframe_msghistroy
{
	display:block;
}




/*具体内容设置*/

/*消息记录内容板*/
/*bar*/
.chatframe .chatboard .chatcontent .chatright .chatrightcnt .chatrightbox .chatright_content .chatframe_msghistroy .msghistroy_typebar
{
	width:100%;
	height:34px;
}
.chatframe .chatboard .chatcontent .chatright .chatrightcnt .chatrightbox .chatright_content .chatframe_msghistroy .msghistroy_typebar .msghistroy_typetab
{
	float:left;
	margin:6px 0px 6px 6px;
	width:49px;
	height:22px;
	text-align:center;
	line-height:22px;
	border-radius:2px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
}
.chatframe .chatboard .chatcontent .chatright .chatrightcnt .chatrightbox .chatright_content .chatframe_msghistroy .msghistroy_typebar .msghistroy_typetab:hover
{
	background:url(../img/Menu/menu_highlight.png)repeat;
}
.chatframe .chatboard .chatcontent .chatright .chatrightcnt .chatrightbox .chatright_content .chatframe_msghistroy .msghistroy_typebar .selected
{
	color:white;
	background:url(../img/Menu/menu_highlight.png)repeat;
}
/*中部内容*/
.chatframe .chatboard .chatcontent .chatright .chatrightcnt .chatrightbox .chatright_content .chatframe_msghistroy .msghistroy_board,.chatframe .chatboard .chatcontent .chatright .chatrightcnt .chatrightbox .chatright_content .chatframe_msghistroy .msghistroy_searchboard
{
	position:absolute;
	top:34px;
	left:4px;
	right:4px;
	bottom:26px;
	overflow: hidden;
}
.chatframe .chatboard .chatcontent .chatright .chatrightcnt .chatrightbox .chatright_content .chatframe_msghistroy .msghistroy_cnt
{
	position:absolute;
	width:100%;
	height:100%;
	overflow: hidden;			
	text-overflow: ellipsis;
	white-space: nowrap;
}
/*正在加载提示*/
.chatframe .chatboard .chatcontent .chatright .chatrightcnt .chatrightbox .chatright_content .chatframe_msghistroy .msghistroy_pageload
{
	position:absolute;
	width:100%;
	height:100%;
	background:url(../img/AddGroup/loading2.gif)center center no-repeat;
}
/*滚动页*/
.chatframe .chatboard .chatcontent .chatright .chatrightcnt .chatrightbox .chatright_content .chatframe_msghistroy ul.msghistroy_page
{
	position:relative;
	width:100%;
	
	margin:0;
	padding:0;
	overflow: hidden;
    white-space: normal;
    word-warp: break-word;
	word-break: break-all;/*Only work in IE*/
    text-overflow: ellipsis;/*Not working in FF*/
}
/*日期分割线*/
.chatframe .chatboard .chatcontent .chatright .chatrightcnt .chatrightbox .chatright_content .chatframe_msghistroy ul.msghistroy_page li.dateline
{
	list-style:none;
	width:100%;
	height:16px;
	font-size:12px;
	margin-bottom:3px;
	margin-top:5px;
}
.chatframe .chatboard .chatcontent .chatright .chatrightcnt .chatrightbox .chatright_content .chatframe_msghistroy ul.msghistroy_page li.dateline .lineimg
{
	width:100%;
	height:100%;
	text-align:center;
	line-height:18px;
	background:url(../img/VerifyMsg/splite_line.png)center center no-repeat;
}
/*消息行*/
.chatframe .chatboard .chatcontent .chatright .chatrightcnt .chatrightbox .chatright_content .chatframe_msghistroy ul.msghistroy_page li.msghistroy_li
{
	list-style:none;
	width:100%;
	font-size:12px;
	margin-bottom:10px;
	margin-top:3px;
}
.chatframe .chatboard .chatcontent .chatright .chatrightcnt .chatrightbox .chatright_content .chatframe_msghistroy ul.msghistroy_page li.selected
{
	background:url(../img/Menu/listitem_check_yellow.png)repeat;
	-moz-box-shadow:inset 0px 0px 1px #CC6600;  
	-webkit-box-shadow:inset 0px 0px 1px #CC6600;   
	box-shadow:inset 0px 0px 1px #CC6600;
}
.chatframe .chatboard .chatcontent .chatright .chatrightcnt .chatrightbox .chatright_content .chatframe_msghistroy ul.msghistroy_page li.msghistroy_li .msghead
{
	padding-top:4px;
	text-indent:10px;
	color:#0066FF;
}
.chatframe .chatboard .chatcontent .chatright .chatrightcnt .chatrightbox .chatright_content .chatframe_msghistroy ul.msghistroy_page li.self .msghead
{
	color:#339933;
}
.chatframe .chatboard .chatcontent .chatright .chatrightcnt .chatrightbox .chatright_content .chatframe_msghistroy ul.msghistroy_page li.msghistroy_li .msgcnt
{
	padding-left:16px;
	padding-bottom:4px;
}
.chatframe .chatboard .chatcontent .chatright .chatrightcnt .chatrightbox .chatright_content .chatframe_msghistroy ul.msghistroy_page li.msghistroy_li .msgcnt img
{
	max-width:90%;
	position:relative;
}






/*底部*/
.chatframe .chatboard .chatcontent .chatright .chatrightcnt .chatrightbox .chatright_content .chatframe_msghistroy .msghistroy_bottomtools
{
	width:100%;
	height:26px;
	position:absolute;
	left:0;
	bottom:0;
}
	/*聊天记录工具bar*/

.chatframe .chatboard .chatcontent .chatright .chatrightcnt .chatrightbox .chatright_content .chatframe_msghistroy .msghistroy_bottomtools .msghistroy_bottomtoolscnt
{
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	height:26px;
	-moz-border-radius-bottomright:3px;
	-webkit-border-bottom-right-radius:3px;
	border-bottom-right-radius:3px;
	background:url(../img/MsgMgr/msgmgr_navigationbar_bkg.png)repeat;
}

/*---工具按钮---*/

/*按钮按下*/
.chatframe .chatboard .chatcontent .chatright .chatrightcnt .chatrightbox .chatright_content .chatframe_msghistroy .msghistroy_bottomtools .msghistroy_bottomtoolscnt .clicked
{
	background-position:bottom;
	border:1px solid #999;
}


/*消息设置*/
.chatframe .chatboard .chatcontent .chatright .chatrightcnt .chatrightbox .chatright_content .chatframe_msghistroy .msghistroy_bottomtools .msghistroy_bottomtoolscnt .msghistroy_setbtn
{
	float:left;
	border:1px solid transparent;
	height:18px;
	line-height:18px;
	margin-top:3px;
	padding:0 5px 0 3px;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;

}
.chatframe .chatboard .chatcontent .chatright .chatrightcnt .chatrightbox .chatright_content .chatframe_msghistroy .msghistroy_bottomtools .msghistroy_bottomtoolscnt .msghistroy_setbtn .setico
{
	float:left;
	width:18px;
	height:18px;
	margin-right:2px;
	background:url(../img/MsgMgr/Tools_normal.png)center center no-repeat;
}
.chatframe .chatboard .chatcontent .chatright .chatrightcnt .chatrightbox .chatright_content .chatframe_msghistroy .msghistroy_bottomtools .msghistroy_bottomtoolscnt .msghistroy_setbtn:hover
{
	border:1px solid #999;
	background:white;
}
.chatframe .chatboard .chatcontent .chatright .chatrightcnt .chatrightbox .chatright_content .chatframe_msghistroy .msghistroy_bottomtools .msghistroy_bottomtoolscnt .msghistroy_setbtn:hover .setico
{
	background:url(../img/MsgMgr/Tools_normal.png)center center no-repeat;
}

/*搜索按钮*/
.chatframe .chatboard .chatcontent .chatright .chatrightcnt .chatrightbox .chatright_content .chatframe_msghistroy .msghistroy_bottomtools .msghistroy_bottomtoolscnt .msghistroy_searchbtn
{
	float:left;
	width:25px;
	height:18px;
	border:1px solid transparent;
	margin-left:1px;
	margin-top:2px;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	background:url(../img/MsgMgr/SearchIcon_normal.png)center center no-repeat;	
}
.chatframe .chatboard .chatcontent .chatright .chatrightcnt .chatrightbox .chatright_content .chatframe_msghistroy .msghistroy_bottomtools .msghistroy_bottomtoolscnt .msghistroy_searchbtn:hover
{
	background:url(../img/MsgMgr/SearchIcon_hover.png)center center no-repeat;
	border:1px solid #999;
}

/*消息管理器按钮*/
.chatframe .chatboard .chatcontent .chatright .chatrightcnt .chatrightbox .chatright_content .chatframe_msghistroy .msghistroy_bottomtools .msghistroy_bottomtoolscnt .msgmanagerbtn
{
	float:left;
	width:25px;
	height:18px;
	border:1px solid transparent;
	margin-left:1px;
	margin-top:2px;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	background:url(../img/mainpanel/button/message_normal.png)center center no-repeat;	
}
.chatframe .chatboard .chatcontent .chatright .chatrightcnt .chatrightbox .chatright_content .chatframe_msghistroy .msghistroy_bottomtools .msghistroy_bottomtoolscnt .msgmanagerbtn:hover
{
	background:url(../img/mainpanel/button/message_hover.png)center center no-repeat;
	border:1px solid #999;
}

/*日历*/
.chatframe .chatboard .chatcontent .chatright .chatrightcnt .chatrightbox .chatright_content .chatframe_msghistroy .msghistroy_bottomtools .msghistroy_bottomtoolscnt .msghistroy_date
{
	float:right;
	height:22px;
	margin-top:2px;
	margin-right:2px;
	position:relative;
}
.chatframe .chatboard .chatcontent .chatright .chatrightcnt .chatrightbox .chatright_content .chatframe_msghistroy .msghistroy_bottomtools .msghistroy_bottomtoolscnt .msghistroy_date .calendarico
{
	float:left;
	width:20px;
	height:20px;
	border:1px solid transparent;
	margin-left:1px;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	background:url(../img/Calendar/calendar.png)center center no-repeat;
}
.chatframe .chatboard .chatcontent .chatright .chatrightcnt .chatrightbox .chatright_content .chatframe_msghistroy .msghistroy_bottomtools .msghistroy_bottomtoolscnt .msghistroy_date .calendarico:hover,.chatframe .chatboard .chatcontent .chatright .chatrightcnt .chatrightbox .chatright_content .chatframe_msghistroy .msghistroy_bottomtools .msghistroy_bottomtoolscnt .msghistroy_date .clicked
{
	border:1px solid #999;
}
.chatframe .chatboard .chatcontent .chatright .chatrightcnt .chatrightbox .chatright_content .chatframe_msghistroy .msghistroy_bottomtools .msghistroy_bottomtoolscnt .msghistroy_date .calendardate
{
	float:left;
	margin-top:3px;
	
	font-size : 12px;
	-webkit-transform : scale(0.84,0.84) ;
	*font-size:10px;
}

/*------日历框设计--------------*/

/*日历总框*/
.chatframe .chatboard .chatcontent .chatright .chatrightcnt .chatrightbox .chatright_content .chatframe_msghistroy .msghistroy_bottomtools .msghistroy_bottomtoolscnt .msghistroy_date .calendarcontent
{
	position:absolute;
	left:-10px;
	bottom:25px;
	display:none;
}

/*日历内框*/
.chatframe .chatboard .chatcontent .chatright .chatrightcnt .chatrightbox .chatright_content .chatframe_msghistroy .msghistroy_bottomtools .msghistroy_bottomtoolscnt .msghistroy_date .calendarcontent .calendarboard
{
	width:184px;
	height:182px;
	/*background:url(../img/Calendar/calendar_bkg.png)center center no-repeat;
	background-size:100% 100%;
	*/
	position:relative;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	-moz-box-shadow: 0px 0px 6px #333;  
	-webkit-box-shadow: 0px 0px 6px #333;   
	box-shadow: 0px 0px 6px #333;
}
/*底部颜色板*/
.chatframe .chatboard .chatcontent .chatright .chatrightcnt .chatrightbox .chatright_content .chatframe_msghistroy .msghistroy_bottomtools .msghistroy_bottomtoolscnt .msghistroy_date .calendarcontent .calendarboard .colorboard
{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	
}
.chatframe .chatboard .chatcontent .chatright .chatrightcnt .chatrightbox .chatright_content .chatframe_msghistroy .msghistroy_bottomtools .msghistroy_bottomtoolscnt .msghistroy_date .calendarcontent .calendarboard .colorboard .colorhead
{
	width:100%;
	height:57px;
	background:#99CCFF;
	filter:alpha(opacity=90); 
	-moz-opacity:0.9; 
	opacity:0.9;
	-moz-border-radius-topright:2px;
	-webkit-border-top-right-radius:2px;
	border-top-right-radius:2px;

	-moz-border-radius-topleft:2px;
	-webkit-border-top-left-radius:2px;
	border-top-left-radius:2px;

}
.chatframe .chatboard .chatcontent .chatright .chatrightcnt .chatrightbox .chatright_content .chatframe_msghistroy .msghistroy_bottomtools .msghistroy_bottomtoolscnt .msghistroy_date .calendarcontent .calendarboard .colorboard .colorbody
{
	width:100%;
	height:125px;
	background:white;
	-moz-border-radius-bottomright:2px;
	-webkit-border-bottom-right-radius:2px;
	border-bottom-right-radius:2px;

	-moz-border-radius-bottomleft:2px;
	-webkit-border-bottom-left-radius:2px;
	border-bottom-left-radius:2px;
}
/*容器板*/
.chatframe .chatboard .chatcontent .chatright .chatrightcnt .chatrightbox .chatright_content .chatframe_msghistroy .msghistroy_bottomtools .msghistroy_bottomtoolscnt .msghistroy_date .calendarcontent .calendarboard .calendarcnt
{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}
/*上部*/
.chatframe .chatboard .chatcontent .chatright .chatrightcnt .chatrightbox .chatright_content .chatframe_msghistroy .msghistroy_bottomtools .msghistroy_bottomtoolscnt .msghistroy_date .calendarcontent .calendarboard .calendarcnt .calendarcnthead
{
	width:100%;
	height:57px;
}
.chatframe .msghistroy_bottomtoolscnt .msghistroy_date .calendarcontent .calendarboard .calendarcnt .calendarcnthead .datectrl
{
	width:100%;
	height:21px;
	padding-top:5px;
}
.chatframe .msghistroy_bottomtoolscnt .msghistroy_date .calendarcontent .calendarboard .calendarcnt .calendarcnthead .datectrl .lastyear
{
	float:left;
	width:21px;
	height:21px;
	margin-left:4px;
	background:url(../img/Calendar/preyear_button_normalbkg.png)center center no-repeat;
}
.chatframe .msghistroy_bottomtoolscnt .msghistroy_date .calendarcontent .calendarboard .calendarcnt .calendarcnthead .datectrl .lastmonth
{
	float:left;
	width:21px;
	height:21px;
	background:url(../img/Calendar/premonth_button_normalbkg.png)center center no-repeat;
}
.chatframe .msghistroy_bottomtoolscnt .msghistroy_date .calendarcontent .calendarboard .calendarcnt .calendarcnthead .datectrl .nextmonth
{
	float:right;
	width:21px;
	height:21px;
	background:url(../img/Calendar/nextmonth_button_normalbkg.png)center center no-repeat;
}
.chatframe .msghistroy_bottomtoolscnt .msghistroy_date .calendarcontent .calendarboard .calendarcnt .calendarcnthead .datectrl .nextyear
{
	float:right;
	width:21px;
	height:21px;
	margin-right:4px;
	background:url(../img/Calendar/nextyear_button_normalbkg.png)center center no-repeat;
}
.chatframe .msghistroy_bottomtoolscnt .msghistroy_date .calendarcontent .calendarboard .calendarcnt .calendarcnthead .datectrl .lastyear:hover
{
	background:url(../img/Calendar/preyear_button_hightlightbkg.png)center center no-repeat;
}
.chatframe .msghistroy_bottomtoolscnt .msghistroy_date .calendarcontent .calendarboard .calendarcnt .calendarcnthead .datectrl .lastmonth:hover
{
	background:url(../img/Calendar/premonth_button_hightlightbkg.png)center center no-repeat;
}
.chatframe .msghistroy_bottomtoolscnt .msghistroy_date .calendarcontent .calendarboard .calendarcnt .calendarcnthead .datectrl .nextmonth:hover
{
	background:url(../img/Calendar/nextmonth_button_hightlightbkg.png)center center no-repeat;
}
.chatframe .msghistroy_bottomtoolscnt .msghistroy_date .calendarcontent .calendarboard .calendarcnt .calendarcnthead .datectrl .nextyear:hover
{
	background:url(../img/Calendar/nextyear_button_hightlightbkg.png)center center no-repeat;
}
.chatframe .msghistroy_bottomtoolscnt .msghistroy_date .calendarcontent .calendarboard .calendarcnt .calendarcnthead .datectrl .nowdate
{
	float:left;
	width:72px;
	height:21px;
	line-height:21px;
	margin-left:10px;
}
.chatframe .msghistroy_bottomtoolscnt .msghistroy_date .calendarcontent .calendarboard .calendarcnt .calendarcnthead .datectrl .nowdate .monthstr
{
	float:left;
	height:100%;
	font-size:13px;
}
.chatframe .msghistroy_bottomtoolscnt .msghistroy_date .calendarcontent .calendarboard .calendarcnt .calendarcnthead .datectrl .nowdate .yearstr
{
	float:right;
	height:100%;
	font-size:14px;
}
.chatframe .msghistroy_bottomtoolscnt .msghistroy_date .calendarcontent .calendarboard .calendarcnt .calendarcnthead .datelist
{
	margin:0;
	padding:0;
	margin-top:2px;
	display:table;
	width:100%;
	height:20px;
}
.chatframe .msghistroy_bottomtoolscnt .msghistroy_date .calendarcontent .calendarboard .calendarcnt .calendarcnthead .datelist .datestr
{
	display:table-cell;
	text-align:center;
	line-height:20px;
	color:#666;
}
.chatframe .msghistroy_bottomtoolscnt .msghistroy_date .calendarcontent .calendarboard .calendarcnt .calendarcnthead .datelist .datestr:first-child,.chatframe .msghistroy_bottomtoolscnt .msghistroy_date .calendarcontent .calendarboard .calendarcnt .calendarcnthead .datelist .datestr:last-child
{
	color:#FF0033;
}
/*下部*/
.chatframe .chatboard .chatcontent .chatright .chatrightcnt .chatrightbox .chatright_content .chatframe_msghistroy .msghistroy_bottomtools .msghistroy_bottomtoolscnt .msghistroy_date .calendarcontent .calendarboard .calendarcnt .calendarcntbody
{
	width:100%;
	height:125px;
}
/*加载中*/
.chatframe .msghistroy_bottomtoolscnt .msghistroy_date .calendarcontent .calendarboard .calendarcnt .calendarcntbody .calendarcntbody_load
{
	width:100%;
	height:100%;
	background:url(../img/AddGroup/loading2.gif)center center no-repeat;
}
.chatframe .msghistroy_bottomtoolscnt .msghistroy_date .calendarcontent .calendarboard .calendarcnt .calendarcntbody table
{
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	border:1px solid transparent;
	border-collapse:collapse;
}
.chatframe .msghistroy_bottomtoolscnt .msghistroy_date .calendarcontent .calendarboard .calendarcnt .calendarcntbody table tr
{
}
.chatframe .msghistroy_bottomtoolscnt .msghistroy_date .calendarcontent .calendarboard .calendarcnt .calendarcntbody table tr td
{
	text-align:center;
	color:#333;
	font-size:12px;
	font-size:10px;
}
.chatframe .msghistroy_bottomtoolscnt .msghistroy_date .calendarcontent .calendarboard .calendarcnt .calendarcntbody table tr td:first-child,.chatframe .msghistroy_bottomtoolscnt .msghistroy_date .calendarcontent .calendarboard .calendarcnt .calendarcntbody table tr td:last-child
{
	color:#FF0033;
}
.chatframe .msghistroy_bottomtoolscnt .msghistroy_date .calendarcontent .calendarboard .calendarcnt .calendarcntbody table tr td.hasdata
{
	background:#CCC;
}
.chatframe .msghistroy_bottomtoolscnt .msghistroy_date .calendarcontent .calendarboard .calendarcnt .calendarcntbody table tr td.hasdata:hover
{
	color:white;
	background:#0099FF;
}














/*翻页按钮*/
.chatframe .chatboard .chatcontent .chatright .chatrightcnt .chatrightbox .chatright_content .chatframe_msghistroy .msghistroy_bottomtools .msghistroy_bottomtoolscnt .msghistroy_pageindexboard
{
	float:right;
	height:100%;
}
.chatframe .chatboard .chatcontent .chatright .chatrightcnt .chatrightbox .chatright_content .chatframe_msghistroy .msghistroy_bottomtools .msghistroy_bottomtoolscnt .msghistroy_pageindexboard .msghistroy_gopage
{
	float:right;
	height:22px;
	margin-top:2px;
	margin-right:2px;
}
.chatframe .chatboard .chatcontent .chatright .chatrightcnt .chatrightbox .chatright_content .chatframe_msghistroy .msghistroy_bottomtools .msghistroy_bottomtoolscnt .msghistroy_pageindexboard .msghistroy_gopage .gopagebtn
{
	float:left;
	width:20px;
	height:20px;
	border:1px solid transparent;
	margin-left:1px;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
}
.chatframe .chatboard .chatcontent .chatright .chatrightcnt .chatrightbox .chatright_content .chatframe_msghistroy .msghistroy_bottomtools .msghistroy_bottomtoolscnt .msghistroy_pageindexboard .msghistroy_gopage .gopagebtn:hover
{
	border:1px solid #999;
}
.chatframe .chatboard .chatcontent .chatright .chatrightcnt .chatrightbox .chatright_content .chatframe_msghistroy .msghistroy_bottomtools .msghistroy_bottomtoolscnt .msghistroy_pageindexboard .msghistroy_gopage .disable:hover
{
	border:1px solid transparent;
}

.chatframe .chatboard .chatcontent .chatright .chatrightcnt .chatrightbox .chatright_content .chatframe_msghistroy .msghistroy_bottomtools .msghistroy_bottomtoolscnt .msghistroy_pageindexboard .msghistroy_gopage .firstpage
{
	background:url(../img/MsgMgr/MsgMgrFrame_FirstPage_texture.png)center center no-repeat;
}
.chatframe .chatboard .chatcontent .chatright .chatrightcnt .chatrightbox .chatright_content .chatframe_msghistroy .msghistroy_bottomtools .msghistroy_bottomtoolscnt .msghistroy_pageindexboard .msghistroy_gopage .lastpage
{
	background:url(../img/MsgMgr/MsgMgrFrame_PrevPage_texture.png)center center no-repeat;
}
.chatframe .chatboard .chatcontent .chatright .chatrightcnt .chatrightbox .chatright_content .chatframe_msghistroy .msghistroy_bottomtools .msghistroy_bottomtoolscnt .msghistroy_pageindexboard .msghistroy_gopage .nextpage
{
	background:url(../img/MsgMgr/MsgMgrFrame_NextPage_texture.png)center center no-repeat;
}
.chatframe .chatboard .chatcontent .chatright .chatrightcnt .chatrightbox .chatright_content .chatframe_msghistroy .msghistroy_bottomtools .msghistroy_bottomtoolscnt .msghistroy_pageindexboard .msghistroy_gopage .thelastpage
{
	background:url(../img/MsgMgr/MsgMgrFrame_LastPage_texture.png)center center no-repeat;
}

.chatframe .chatboard .chatcontent .chatright .chatrightcnt .chatrightbox .chatright_content .chatframe_msghistroy .msghistroy_bottomtools .msghistroy_bottomtoolscnt .normalindex
{
	
}
.chatframe .chatboard .chatcontent .chatright .chatrightcnt .chatrightbox .chatright_content .chatframe_msghistroy .msghistroy_bottomtools .msghistroy_bottomtoolscnt .searchindex
{
	display:none;
}




		/*搜索条件bar*/
.chatframe .chatboard .chatcontent .chatright .chatrightcnt .chatrightbox .chatright_content .chatframe_msghistroy .msghistroy_bottomtools .msghistroy_searchbar
{
	display:none;
	width:100%;
	height:32px;
	background:url(../img/Menu/list_bkg.png)repeat;
}

.chatframe .chatboard .chatcontent .chatright .chatrightcnt .chatrightbox .chatright_content .chatframe_msghistroy .msghistroy_bottomtools .msghistroy_searchbar p
{
	float:left;
	margin-top:0px;
	margin-left:6px;
	line-height:32px;
}
/*选择搜索内容时间范围*/
.chatframe .chatboard .chatcontent .chatright .chatrightcnt .chatrightbox .chatright_content .chatframe_msghistroy .msghistroy_bottomtools .msghistroy_searchbar .msghistroy_range
{
	float:left;
	margin-top:6px;
	margin-left:6px;
	width:96px;
	height:17px;
	border:1px solid #999;
	background:white;
	overflow:hidden;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	position:relative;
}
.chatframe .chatboard .chatcontent .chatright .chatrightcnt .chatrightbox .chatright_content .chatframe_msghistroy .msghistroy_bottomtools .msghistroy_searchbar .msghistroy_range:after
{
	content:"";
	width:7px;
	height:5px;
	background:url(../img/chatframe/aio_littletoolbar_arrow_hover.png) center center no-repeat;
	display:block;
	position:absolute;
	top:6px;
	right:6px;
}
.chatframe .chatboard .chatcontent .chatright .chatrightcnt .chatrightbox .chatright_content .chatframe_msghistroy .msghistroy_bottomtools .msghistroy_searchbar .msghistroy_range select
{
	font-size:12px;
	font-family:"微软雅黑";
	height:100%;
	margin:0;
	padding:0;
	width:100%;
	-webkit-appearance: none; /*for chrome*/
	border:none;
	outline:none;
}
.chatframe .chatboard .chatcontent .chatright .chatrightcnt .chatrightbox .chatright_content .chatframe_msghistroy .msghistroy_bottomtools .msghistroy_searchbar .msghistroy_range:hover
{
	border-color:#0099CC;
	box-shadow:inset 0 0 3px #0099CC;
	-moz-box-shadow:inset 0 0 3px #0099CC;
	-webkit-box-shadow:inset 0 0 3px #0099CC;
}

/*搜索内容*/
.chatframe .chatboard .chatcontent .chatright .chatrightcnt .chatrightbox .chatright_content .chatframe_msghistroy .msghistroy_bottomtools .msghistroy_searchbar .searchmsgstr
{
	float:left;
	margin-top:4px;
	margin-left:6px;
	width:92px;
	height:20px;
	border:1px solid #999;
	background:white;
	overflow:hidden;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	position:relative;
}
.chatframe .chatboard .chatcontent .chatright .chatrightcnt .chatrightbox .chatright_content .chatframe_msghistroy .msghistroy_bottomtools .msghistroy_searchbar .searchmsgstr input.searchinput
{
	width:77px;
	height:100%;
	border:none;
	outline:none;
}
.chatframe .chatboard .chatcontent .chatright .chatrightcnt .chatrightbox .chatright_content .chatframe_msghistroy .msghistroy_bottomtools .msghistroy_searchbar .searchmsgstr .delall
{
	display:none;
	position:absolute;
	top:5px;
	right:3px;
	width:11px;
	height:11px;
	background:url(../img/ConfigCenter/modal_close_hover.png)center center no-repeat;
}
.chatframe .chatboard .chatcontent .chatright .chatrightcnt .chatrightbox .chatright_content .chatframe_msghistroy .msghistroy_bottomtools .msghistroy_searchbar .searchmsgstr:hover
{
	border-color:#0099CC;
}
/*搜索按钮*/
.chatframe .chatboard .chatcontent .chatright .chatrightcnt .chatrightbox .chatright_content .chatframe_msghistroy .msghistroy_bottomtools .msghistroy_searchbar .submitsearch
{
	float:left;
	width:32px;
	height:18px;
	border:1px solid transparent;
	margin-left:6px;
	border-radius:2px;
	text-align:center;
	line-height:18px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	margin-top:6px;
}
.chatframe .chatboard .chatcontent .chatright .chatrightcnt .chatrightbox .chatright_content .chatframe_msghistroy .msghistroy_bottomtools .msghistroy_searchbar .submitsearch:hover
{
	border:1px solid #999;
	background:white;
}



/*-----------------控制打开搜索条件css------------------------------*/
.chatframe .chatboard .chatcontent .chatright .chatrightcnt .chatrightbox .chatright_content .open_msghistory_search .msghistroy_bottomtools
{
	height:58px;
}
.chatframe .chatboard .chatcontent .chatright .chatrightcnt .chatrightbox .chatright_content .open_msghistory_search .msghistroy_board,.chatframe .chatboard .chatcontent .chatright .chatrightcnt .chatrightbox .chatright_content .open_msghistory_search .msghistroy_searchboard
{
	bottom:58px;
}
.chatframe .chatboard .chatcontent .chatright .chatrightcnt .chatrightbox .chatright_content .open_msghistory_search .msghistroy_bottomtools .msghistroy_searchbar
{
	display:block;
}
.chatframe .chatboard .chatcontent .chatright .chatrightcnt .chatrightbox .chatright_content .open_msghistory_search .msghistroy_bottomtools .msghistroy_bottomtoolscnt .msghistroy_searchbtn
{
	background:url(../img/MsgMgr/SearchIcon_hover.png)center center no-repeat;
	border:1px solid #999;
}











/*搜索结果页*/
.chatframe .chatboard .chatcontent .chatright .chatrightcnt .chatrightbox .chatright_content .chatframe_msghistroy .msghistroy_board
{
	
}

.chatframe .chatboard .chatcontent .chatright .chatrightcnt .chatrightbox .chatright_content .chatframe_msghistroy .msghistroy_searchboard
{
	display:none;
}

/*搜索结果提示*/
.chatframe .chatboard .chatcontent .chatright .chatrightcnt .chatrightbox .chatright_content .chatframe_msghistroy .msghistroy_searchboard .msghistroy_searchtipbar
{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:22px;
	line-height:22px;
	text-indent:4px;
	background:#CCFFFF;
}
.chatframe .chatboard .chatcontent .chatright .chatrightcnt .chatrightbox .chatright_content .chatframe_msghistroy .msghistroy_searchboard .msghistroy_searchtipbar .rstips
{
	float:left;
	height:100%;

}
.chatframe .chatboard .chatcontent .chatright .chatrightcnt .chatrightbox .chatright_content .chatframe_msghistroy .msghistroy_searchboard .msghistroy_searchtipbar .hidethis
{
	float:right;
	margin-right:4px;
	padding:0 6px 0 0;
	height:21px;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border:1px solid transparent;
	line-height:21px;
}
.chatframe .chatboard .chatcontent .chatright .chatrightcnt .chatrightbox .chatright_content .chatframe_msghistroy .msghistroy_searchboard .msghistroy_searchtipbar .hidethis:hover
{
	background:url(../img/skinmgr/SkinEditor/all_btn_normal.png)center center no-repeat;
	background-size:100% 100%;
}
.chatframe .chatboard .chatcontent .chatright .chatrightcnt .chatrightbox .chatright_content .chatframe_msghistroy .msghistroy_searchboard .msghistroy_searchtipbar .hidethis img
{
	margin-right:2px;
	vertical-align:text-top;
}

/*搜索内容分页板*/
.chatframe .chatboard .chatcontent .chatright .chatrightcnt .chatrightbox .chatright_content .chatframe_msghistroy .msghistroy_searchboard .msghistroy_searchcntboard
{
	position:absolute;
	width:100%;
	
	top:20px;
	left:0;
	bottom:0;
	display:none;
}
.chatframe .chatboard .chatcontent .chatright .chatrightcnt .chatrightbox .chatright_content .chatframe_msghistroy .msghistroy_searchboard .search_result
{
		
}
.chatframe .chatboard .chatcontent .chatright .chatrightcnt .chatrightbox .chatright_content .chatframe_msghistroy .msghistroy_searchboard .search_rspage
{
	display:block;
}

.chatframe .chatboard .chatcontent .chatright .chatrightcnt .chatrightbox .chatright_content .chatframe_msghistroy .msghistroy_searchboard .msghistroy_searchcntboard .msghistroy_searchcnt
{
	position:absolute;
	width:100%;
	height:100%;
	overflow: hidden;			
	text-overflow: ellipsis;
	white-space: nowrap;
}
/*滚动页*/
.chatframe .chatboard .chatcontent .chatright .chatrightcnt .chatrightbox .chatright_content .chatframe_msghistroy .msghistroy_searchboard .msghistroy_searchcntboard .msghistroy_searchcnt ul.msghistroy_searchpage
{
	position:relative;
	top:0;
	left:0;
	width:100%;
	margin:0;
	padding:0;
	/*padding-top:24px;*/
	overflow: hidden;
    white-space: normal;
    word-warp: break-word;
	word-break: break-all;/*Only work in IE*/
    text-overflow: ellipsis;/*Not working in FF*/
}

/*消息行*/
.chatframe .chatboard .chatcontent .chatright .chatrightcnt .chatrightbox .chatright_content .chatframe_msghistroy .msghistroy_searchboard .msghistroy_searchcntboard .msghistroy_searchcnt ul.msghistroy_searchpage li.msghistroy_searchli
{
	list-style:none;
	width:100%;
	font-size:12px;
	margin-bottom:10px;
	margin-top:3px;
	position:relative;
}
.chatframe .chatboard .chatcontent .chatright .chatrightcnt .chatrightbox .chatright_content .chatframe_msghistroy .msghistroy_searchboard .msghistroy_searchcntboard .msghistroy_searchcnt ul.msghistroy_searchpage li.selected
{
	background:url(../img/Menu/listitem_check_yellow.png)repeat;
	-moz-box-shadow:inset 0px 0px 1px #CC6600;  
	-webkit-box-shadow:inset 0px 0px 1px #CC6600;   
	box-shadow:inset 0px 0px 1px #CC6600;
}
.chatframe .chatboard .chatcontent .chatright .chatrightcnt .chatrightbox .chatright_content .chatframe_msghistroy .msghistroy_searchboard .msghistroy_searchcntboard .msghistroy_searchcnt ul.msghistroy_searchpage li.msghistroy_searchli .msghead
{
	padding-top:4px;
	font-size : 12px;
	-webkit-transform : scale(0.9,0.9) ;
	*font-size:10px;
	color:#0066FF;
}
.chatframe .chatboard .chatcontent .chatright .chatrightcnt .chatrightbox .chatright_content .chatframe_msghistroy .msghistroy_searchboard .msghistroy_searchcntboard .msghistroy_searchcnt ul.msghistroy_searchpage li.self .msghead
{
	color:#339933;
}
.chatframe .chatboard .chatcontent .chatright .chatrightcnt .chatrightbox .chatright_content .chatframe_msghistroy .msghistroy_searchboard .msghistroy_searchcntboard .msghistroy_searchcnt ul.msghistroy_searchpage li.msghistroy_searchli .msgcnt
{
	padding-left:16px;
	padding-bottom:4px;
}
.chatframe .chatboard .chatcontent .chatright .chatrightcnt .chatrightbox .chatright_content .chatframe_msghistroy .msghistroy_searchboard .msghistroy_searchcntboard .msghistroy_searchcnt ul.msghistroy_searchpage li.msghistroy_searchli .msgcnt .key
{
	background:yellow;
}
.chatframe .chatboard .chatcontent .chatright .chatrightcnt .chatrightbox .chatright_content .chatframe_msghistroy .msghistroy_searchboard .msghistroy_searchcntboard .msghistroy_searchcnt ul.msghistroy_searchpage li.msghistroy_searchli .msgcnt img
{
	max-width:90%;
	position:relative;
}

.chatframe .chatboard .chatcontent .chatright .chatrightcnt .chatrightbox .chatright_content .chatframe_msghistroy .msghistroy_searchboard .msghistroy_searchcntboard .msghistroy_searchcnt ul.msghistroy_searchpage li.msghistroy_searchli a.hidetips
{
	position:absolute;
	top:2px;
	right:8px;
	font-size : 12px;
	-webkit-transform : scale(0.9,0.9) ;
	*font-size:10px;
	display:none;
}

.chatframe .chatboard .chatcontent .chatright .chatrightcnt .chatrightbox .chatright_content .chatframe_msghistroy .msghistroy_searchboard .msghistroy_searchcntboard .msghistroy_searchcnt ul.msghistroy_searchpage li.msghistroy_searchli:hover a.hidetips
{
	display:block;
}














/*-----------------日历---------------------------------------*/
